-
Posts
-
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?
Hi,
What part of the page you want to make transparent? can you post a link to your website please?
Regards,
JosueHi 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.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
- The topic ‘Transparent home page’ is closed to new replies.