Custom CSS

proy01 · October 2016

Im having issues with he custom CSS. It doesn't seem to be working when I put code in there. Im not sure whether its something to do with the child theme or something.

I was trying to change the size of the sticky logo with this code

.logo-no-sticky-padding #Top_bar.is-sticky #logo img {max-height: 40px !important;margin-top: 10px}

It had no effect though.

Thanks

Albert · October 2016

Hi,

please send us link to page where you would like to change it's size first so we can have a look on it.

Thanks!

proy01 · November 2016

http://pixeldishmedia.co.uk/leeds-design-agency/

Albert · November 2016

Ok, thanks. To change logo size when header is sticky, you need to use the following css:

#Top_bar.is-sticky #logo img:not(.svg) { max-height: 50px !important; }

proy01 · November 2016

Hi

That doesnt work. It could be there is something wrong with the custom css not working as I've had issues with styles not having any effect before.

Thanks

Albert · November 2016

Yes, it works and the following screenshot https://snag.gy/RloMIw.jpg is the best proof that above code works as supposed to.

proy01 · November 2016

It hasn't worked at my end. No matter what I do, the size stays the same. Also tried it on chrome.

Albert · November 2016

We recommend to remove all other custom css and leave just above.

Custom CSS

Comments