WordPress.org

Ready to get started?Download WordPress

Forums

Grisaille
[resolved] Make Posts Opaque (Not Transparent)? (10 posts)

  1. hannahmazing
    Member
    Posted 1 year ago #

    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

  2. hannahmazing
    Member
    Posted 1 year ago #

    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...?

    :D

  3. Andrew
    Forum Moderator
    Posted 1 year ago #

    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;
    }
  4. paulwpxp
    Font hero
    Posted 1 year ago #

    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.

  5. hannahmazing
    Member
    Posted 1 year ago #

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

    Paul - what size do you recommend?

  6. hannahmazing
    Member
    Posted 1 year ago #

    Andrew - that WORKED! THANK YOU THANK YOU! :)

  7. hannahmazing
    Member
    Posted 1 year ago #

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

  8. paulwpxp
    Font hero
    Posted 1 year ago #

    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.

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    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;
    }
  10. hannahmazing
    Member
    Posted 1 year ago #

    Thanks again to you both!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.