WordPress.org

Ready to get started?Download WordPress

Forums

How to make white post content background transparent (7 posts)

  1. Heat626
    Member
    Posted 2 years ago #

    I am using dream theme slash wp and I have been trying to find the code to change the white background of my post to transparent. So far every code I have used has not worked. Has anybody done so using this particular theme. Here is the link If there is a code for the sidebar I would like to know that also. If you go to the media page I feel the white background is unnecessary and have been going through so many threads hoping someones code would work. so I would be so grateful for this info.

  2. deepbevel
    Member
    Posted 2 years ago #

    not familiar with the theme, but in Firebug I see your post background is made up of at least 3 seperate image files, If you disable them in css it should work. Or at least in Firebug it worked.

    .article_box.p .article {
    
    display:none;
    }
    
    .article_box .article {
    
    display:none;
    }

    I couldn't get the last one, suddenly the structure changed, you're probably working on it.

  3. Ravi
    Member
    Posted 2 years ago #

    The white background comes from following images:

    http://jdashlee.com/wp-content/themes/dt-slash/images/article_t_p.png

    http://jdashlee.com/wp-content/themes/dt-slash/images/article_bg_p.png

    Search for article_bg_p.png and article_t_p.png in your style.css and remove that line. It should work, check your single.php , page.php code for these images and remove them.

  4. deepbevel
    Member
    Posted 2 years ago #

    ahh, I forgot you have to specify the image url's, the above won't work as is. I'll try again later if the thread is still unresolved.

  5. deepbevel
    Member
    Posted 2 years ago #

    here's what worked in firebug:

    .article_box.p .article_t {
    background-image: url("/wp-content/themes/dt-slash/images/article_t_p.png");
    display:none;
    }
    
    .article_box .article_t {
    background-image: url("/wp-content/themes/dt-slash/images/article_t.png");
    display:none;
    }

    paste at the end of style.css and see

  6. Heat626
    Member
    Posted 2 years ago #

    @Deepbevel I tried that code but didn't get any results. @Ravi I looked through the specified php. and didn't find the exact png. files to remove. I will continue to search for those files in other possible php. in the mean time this is exactly what my style.css looks like

    .wp-caption {}
    .wp-caption {}
    .sticky {}
    .gallery {}
    .bypostauthor {}
    .alignright {}
    .alignleft {}
    .aligncenter {}
    .alignnone {}

    <style type="text/css">
    body {
    background-image: url(http://jdashlee.com/wp-content/uploads/2012/06/back.jpg);
    #content { background-color: transparent; }
    background-repeat: no-repeat;
    background-position: top left;
    background-attachment: fixed;

    </style>
    }

  7. deepbevel
    Member
    Posted 2 years ago #

    You may have more than one stylesheet.
    I see it's a premium theme, have you looked for support from the theme authors?

Topic Closed

This topic has been closed to new replies.

About this Topic