Hi,
Is it possible to have different border colours in different pages when using the Fixed Frame layout?
I’ve tried using the following CSS:
/* PAGE BORDER COLOURS */
/* Design */
.page-id-29 .html.html_av-framed-box .av-frame.av-frame-vert {background: #ff6600 !important}
.page-id-29 .html.html_av-framed-box .av-frame.av-frame-bottom {background: #ff6600 !important}
.page-id-29 .html.html_av-framed-box .av-frame.av-frame-hor {background: #ff6600 !important}
.page-id-29 .html.html_av-framed-box .av-frame.av-frame-right {background: #ff6600 !important}
Many thanks,
Johnny
Hey StormWebDesign,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
CSS : Cascading Style Sheet – the ids and classes that comes first in the markup are in front
the first that comes on the markup is the html – and html is not a class!
Where is your page-id ? : It is on the body tag! ( and that has the id : top and comes after html)
and that is right: those frames are childs of body – so there is a space between #top and .av-frame
so :
html.html_av-framed-box #top.page-id-29 .av-frame.av-frame-vert {background: #ff6600 !important}
html.html_av-framed-box #top.page-id-29 .av-frame.av-frame-bottom {background: #ff6600 !important}
html.html_av-framed-box #top.page-id-29 .av-frame.av-frame-hor {background: #ff6600 !important}
html.html_av-framed-box #top.page-id-29 .av-frame.av-frame-right {background: #ff6600 !important}
Hi @Guenni007,
Thanks for your quick and descriptive response, which works perfectly.
Thank you!!!!
Hi,
Great, I’m glad that you got things working and thanks to @guenni007 for helping out. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard