Revslider and Site Links

Support
#1

As you can see here: https://cl.ly/mYZ8 (live site here metcast.net) I’ve got a blue line below my slider. I’m pretty sure it’s down to the site links and it’s the same colour.

I’ve used the method of Below Masthead on the page. Thanks in advance for you help!

#2

Hi There,

Yes, that is where it is coming from partly.
By default, it is define on integrity stack to have a bottom border:

.x-slider-container.below {
    border-bottom: 5px solid #ff2a13;
}

That bottom border color is now override by the site link color. See this: https://screencast-o-matic.com/watch/cbQFjuIqgy
We can remove that by overriding that CSS with the following:

.x-slider-container.below {
    border-bottom: none;
}

Hope this helps.

#3

Thanks! I noticed that the code starts with an “X” but I"m using the Pro theme.

Is that relevant. I’ve already reported a mix of the X and Pro theme on my site.

#4

Hi there,

That is normal. Your site is using Pro and that’s the active theme.

Pro is an advanced version of X due to the additional features added to it so there are still features that are native to X that are available in Pro.

1 Like
#5

Hello, me again! So this works but only if I put it within the theme and not in my child theme CSS folder. I’d like to keep all my CSS together so how would I get around this little issue?

#6

Hello @dfinch,

Changing upon adding CSS in child theme should reflect. Can you please share login details in a secure note for us to take a closer look?

Thanks.

#7

Hi, my login details have been shared for metcast.net but this issue is on my local host and other sites too.

#8

Hi there,

If you have made some CSS changes through the style.css file of the child theme and the changes do not reflect on the site, a cached version of the style.css file might still get loaded. Please try to clear the cache or load the page in Incognito mode and see if you are seeing any result.

Thank you.

#9

I’m afraid this isn’t working. I don’t believe it is a cache issue as it happens locally too.

#10

Hi there,

Please provide a link and login details to one of the sites that we can access where you are having this issue so that we can check it.

Also kindly let us know if there is any specific CSS code that is not working which is supposed to so that we can check that as well.

Thank you.

#11

I have already provided login details via the secure note above.

All the code in the child theme CSS file is currently not working.

metcast.net
metcast.net/about

#12

Hi There,

I see that the CSS on your site is heavily minified. Please clear all your caching plugins and your minifier plugins.

Then check your entire CSS on child theme’s style.css file for error, and address it. You can check that here.

If you plan to place your custom CSS on style.css file, make sure you make its selector one step more specific.

For example, the css code provided by Lely above might not able to overwrite the default border if you added it on the style.css file. So you need that code to be more specific, you can add a parent div class to it.

.x-site .x-slider-container.below {
    border-bottom: none;
}

Please read this post for more details.

Thanks,

#13

Invalid link… and by the way I added

.x-site .x-slider-container.below {
border-bottom: none; }

to my style.css file and it did not change anything while I removed lely’s code from the content CSS box on the backend.

#14

Hi There,

Please open the link in a new tab.

Did you check your child theme’s custom CSS for any error in http://csslint.net/

Try making the selector more specific.

body .x-site .x-slider-container.below {
    border-bottom: none;
}

Thanks,