Support » Theme: Grisaille » Make Posts Opaque (Not Transparent)?

  • Resolved hannahmazing

    (@hannahmazing)


    Hi guys, Love the theme, but I just want the posts to NOT be transparent. I would like them to have a white background (not the background of my entire site), to make them easier to read.

    Surely this must be possible?

    My site:
    http://www.hannahmazing.com

    Thanks!!
    Hannah

Viewing 9 replies - 1 through 9 (of 9 total)
  • In CSS I just tried changing this part:

    background:transparent;

    to

    background:#ffffff;

    but that changed EVERYTHING to opaque (solid white).

    I only want the POSTS & Widgets to be opaque. Not the entire background page.

    Please tell me this is possible…?

    😀

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    How about adding this CSS to your Custom CSS section of the dashboard, or Child Theme;

    li.type-post,
    div.type-post,
    .type-page,
    .home-post,
    .featured {
     background: #fff;
    }

    On a side note, you need to optimize the background image, the one you currently use now is 647KB, that’s too much for the fucntion of it. You don’t want users of the site to pay this much on each page load.

    Ok, I am off to do both of these things..will report back. Thanks for the help!

    Paul – what size do you recommend?

    Andrew – that WORKED! THANK YOU THANK YOU! 🙂

    Andrew, any way you would / could give me the code to to the same thing to the side widget areas?

    It’s not the size as in width and height of the image, it’s the weight of the file. For a background image that should expand full like this you could go over to 1900px wide, it’s okay like that as long as you optimize the image.

    There are online tool that you could use to, not great like PS, but it’s still better than not optimize at all.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Sure, Hannah.
    Instead of this;

    li.type-post,
    div.type-post,
    .type-page,
    .home-post,
    .featured {
     background: #fff;
    }

    Try this;

    li.type-post,
    div.type-post,
    .type-page,
    .home-post,
    .featured,
    #secondaryContent,
    #secondaryHome {
     background: #fff;
    }

    Thanks again to you both!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Make Posts Opaque (Not Transparent)?’ is closed to new replies.