Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #529493


    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?




    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

    Best regards,


    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:





    not sure what you mean, but to have a transparent background for #header_meta use this code:

    #header_meta {
    background-color: transparent !important;



    awesome. thanks!



    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.


Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Page background transparent on some pages but not all’ is closed to new replies.