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

    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

    #529516

    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

    #529541

    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:

    URL http://snag.gy/eZKQO.jpg

    thanks!

    #530152

    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

    #533805

    awesome. thanks!

    #533945

    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

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.