Home page styling issues

[neilhartley]

Hi,

I’m having some tricky issues with the Home page of a site where a footer element is behaving differently to on other pages (check the page Basic Layout Test). I’m using Pro/Renew and the element is the Go to Facebook element. It’s picking up the theme option color on Basic Layout Test, but is #333 on the Home Page.

I’ve checked all element CSS, purged cache, deactivated Siteground Optimizer but cannot see what is causing this. Also, the wordpress admin bar has also adopted this link color when you view the home page, yet is still white on the Basic Layout Test page.

Could you take a look for me please? Details of the staging site in the secure note. Many thanks.

Neil

[prakash_s]

Hello @neilhartley,

Thanks for writing to us.

It seems that you have added the custom element CSS on the Text element just because it overrides the other styling. Please have a look at the screenshot below.

Hope it helps
Thanks

[neilhartley]

That styling is meant to be there Prakash. I’m referring to the Go to Facebook link in the footer (and the link color in the wordpress admin bar)…

[prakash_s]

Hello @neilhartley,

Please note when you add the element CSS you should use it like this so that it doesn’t override the other element style.

$el.x-text a{ color: #333 !important}
$el.x-text a:hover{ color: #00793e !important}

I also noticed that you have added the custom CSS code on the Column element CSS as well. You must remove the custom CSS code from the column element or you need to use $el in your selector so the style would work only on that element.

Element CSS | Themeco Docs

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps
Thanks

[neilhartley]

Thanks Prakash! I will look into One.

[prakash_s]

You are most welcome @neilhartley