Tagged: background, transparent
Hi,
I am using this code to make my site pages transparent
‘.container_wrap {
background: rgba(0,0,0,0.3) !important;
}
#main { background-color:transparent !important; }’
but now I need to figure a way to isolate certain pages from others… for example – I would like to apply the transparent effect to the home page and some others, but not to my shopping cart pages. How should I isolate pages to achieve this effect?
URL: http://mindsparklabz.com/clients/gifts
thanks
Hi MindSpark!
You can add the class for the page ID in front of it to target certain pages.
.page-id-504 #main { background-color:transparent !important; }
Or another way would be to add a codeblock element to the page you want to target and just add the CSS inside the codeblock element.
<style type = "text/css">
your css goes here
</style>
Best regards,
Elliott
one quick followup…..
when using the menu style – logo left, menu below, I also plan to use the extra phone number space at the top right….
I need to have the #header_meta area background appear transparent…. it seems the specific header and menu combo I have chosen makes this a bit trickier then expected. you can see what I am trying to here:
thanks!
Hi!
not sure what you mean, but to have a transparent background for #header_meta use this code:
#header_meta {
background-color: transparent !important;
}
Regards,
Andy
awesome. thanks!
Hey!
glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.
Regards,
Andy