Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #170442

    I would like to make only the home page transparent so that I can have a full size photo showing. I know I have to get the page id and put it into the css but it is not working for me.

    Any ideas?

    #170673

    Hi,

    What part of the page you want to make transparent? can you post a link to your website please?

    Regards,
    Josue

    #170774

    Hi Josue,
    The website is not online yet. I want the content container and header and homepage slider to be transparent on the home page only – which has the class .page-id-1040. I tried adding it to the css you gave below but cant get it to work.:

    #top #main,#top .html_stretched #wrap_all,#top .alternate_color,#top .header_color,#top .main_color,#top .header_color div,#top #header,#top .header_color .container_wrap_meta,#top .header_color .header_bg,#top .footer_color,#top .footer_color,#top .socket_color {
    background-color:rgba(255,255,255,0) !important;
    }
    #top .container_wrap {
    border-top-width:0px !important;
    }
    #top #header_main {
    border-bottom-width: 0px !important;
    }
    Just please make sure that you add a background in Enfold > Styling > General. and remove the color from ‘Body Background color’ input box right above where you will upload the image on that page.

    #170863

    Hello!

    Your code works, but you will need to apply the background image via CSS too, because it needs to target the whole body element, add this to the CSS:

    body.home{
    background: #ffffff url(BG_URL) top left repeat scroll;
    }

    Result:

    Cheers!
    Josue

    #173054

    Thankyou Josue, that worked perfectly.

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

The topic ‘Transparent home page’ is closed to new replies.