Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 10, 2015 at 2:21 am #79394
    luismarioochoa
    Participant

    Dear Sakin,

    I need help with with my website http://www.luismario.com I have placed a background image and I would like the content to be transparent so that the background image can be seen through the content. I’d appreciate so much your help. Thank you in advance

    Luis

    November 10, 2015 at 9:52 am #79417
    Sakin
    Keymaster

    @luismarioochoa: You can add the following css in “Appearance => Theme Options => Custom CSS” box:

    .site,
#main,
.hentry, 
.no-results,
#author-info, 
#disqus_thread,
#content .error404,
#site-generator {
    background: none transparent;
}
    November 11, 2015 at 10:46 am #79470
    luismarioochoa
    Participant

    Thank you so much!!!! My site looks much better now!

    November 11, 2015 at 11:10 am #79471
    luismarioochoa
    Participant

    One more thing Sakin,

    It looks really well on Desktops but the background image is hidden by the Header on mobiles. Is there a way to lower the image in the background so that it is not hidden by the header? Please advice. Thank you so much in advance

    November 12, 2015 at 9:54 am #79536
    Sakin
    Keymaster

    @luismarioochoa: You can add the following css in “Appearance => Theme Options => Custom CSS” box. If you want add more space above your header then you can increase margin top as per your need.

    @media screen and (max-width: 960px) {
	.site { margin-top: 200px; }
}
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Opacity & RGBA’ is closed to new replies.