CUSTOM CSS NEEDED !!

Hello,

Kindly see the attached image 1: I want to reduce the gap between first 2 elements only for mobile, I don’t want any changes in desktop.

Kindly see the attached image 2: I want to reduce the the gap between the button and remaining time.

Could you please give me CSS for them? I’m sharing my website in the private box.

Thanks in advance.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the correct login details of the website to check it myself and help you out accordingly.

Best Regards.

Sorry, is it passible to help me out without giving you the access?

Hello,

Sorry, but if I provide you Global CSS then it will affect all the Buttons and sections.

To make the CSS specific I need to add a custom class to the element selector. Then will provide you with the CSS.

Regards.
Xtemos Studios.

Please go ahead, I’m giving you the login details in the private box.

Please make sure;
Only for mobile : Kindly see the attached image 1: I want to reduce the gap between first 2 elements only for mobile, I don’t want any changes in desktop.

Only for Desktop: Kindly see the attached image 2: I want to reduce the the gap between the button and remaining time.

Hello,

Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

a.btn.btn-color-primary.btn-style-round.btn-shape-rectangle.btn-size-large.cs-btn {
    margin-top: -30px;
}

For the slide images on mobile try reducing the Slider spacing then check back.

Best Regards

It worked, thanks!

And for the slide images on mobile, how can I reduce the Slider spacing only for mobile?

Hello,

You are Most Welcome.

Actually, the space above is coming from the row margin-bottom value that you added.

Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.vc_row.wpb_row.vc_row-fluid.spc {
    margin-bottom: 0 !important;
}

And see if this works for you otherwise you need to remove the margin-bottom from the above row.

Regards.
Xtemos Studios.

Thanks dear!

It worked, but there is no gap now, I want 10px gap between this two elements.

Hello,

You are most welcome.

You can replace the previous CSS with the following then check back.

.vc_row.wpb_row.vc_row-fluid.spc {
    margin-bottom: 10px !important;
}

Regards.
Xtemos Studios.

Thanks dear, It worked.

Could you please do me an another favor?

I have added a custom “Search bar” in the MOBILE BOTTOM NAVBAR. I want there to add a link/css to make the button work of scroll to the top, as same as the “scroll to top button”.

Could you please assist me with this? Just make the “search bar in the MOBILE BOTTOM NAVBAR” as work as the “scroll to top button”.

Note: I want smooth scroll like the scroll to top button has.

See the attached image for better clarification.
Thanks in advance.

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome.

Sorry but it is not possible to make the search button scroll to the top.

It requires customizations and this is beyond our limitations and support policy.

Regards.
Xtemos Studios

Okay, then is there any link/way to navigate the search option directly? As like the usual search button.

Hello,

Sorry but there is no option in Theme Settings available for that.

It requires customizations and this is beyond our limitations and support policy.

Regards.
Xtemos Studios

Could you please do me an another favor?

See the attached image, I want to hide this bar (shows color and compare) when I hover over into a product.

This style is the default style, and I want changes only for them.

Attachments:

You must be logged in to view attached files.

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-hover-base:hover .wrapp-swatches, .wd-hover-base.state-hover .wrapp-swatches {
    display: none;
}

I am currently making this topic Resolved. Because every time you ask separate questions on the same topic. Which results in lengthening the topic 🙂

Please create separate topics for each of your issues in the support system to avoid any confusion.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts