change opacity of content window?

  • Resolved heiddonism

    (@heiddonism)


    11 years, 1 month ago

    Can anybody explain simply how I might change the opacity of the window behind blog posts and the sidebar?(To let a slight image of the background through).

    (I’ve found that themes already able to do this through the customisation menus aren’t that aesthetically pleasing).

    Let me state:

    I am new to WP (and blogging/blog design).
    I understand from days of reading (& futile attempts) that I will have to edit css or php. And I don’t know how to find the elements simply as I have not worked with these before.
    The site I’m building is hosted locally so is not visible yet.

    I am currently running the free Custom Community theme.

Viewing 8 replies - 31 through 38 (of 38 total)
1 2 3
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 1 month ago

    For some reason the opacity of the file is not being used, although it is changing the colour of the post background content.

    Just in case it’s CSS, try adding this additional style;

    .post-content {
 background-color: transparent !important;
}

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 1 month ago

    By the way, don’t use !important if you can avoid it. Otherwise you end adding !important to everything.

    If you get the time, it’s worth learning about CSS Specificity. It basically means that you can override nearly any style (that doesn’t have !important) with a combination of selectors (name of HTML elements/ classes/ IDs).

    Thread Starter heiddonism

    (@heiddonism)

    11 years, 1 month ago

    WOW. That fixed it!

    Just gotta try and match the colour to the original now so that my post background ‘ties in’ with the little call out from the gravatar image.

    To ask a stupid question: Does that ‘!important’ statement force the statement to overide any other statements?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 1 month ago

    To ask a stupid question: Does that ‘!important’ statement force the statement to overide any other statements?

    The only stupid question is the one not asked.
    Yes, !important overrides other styles, but what happens when you’re trying to override !important with !important? That’s when you’ll have to use more specific CSS selectors.

    Thread Starter heiddonism

    (@heiddonism)

    11 years, 1 month ago

    Cheers man. I’m just starting to learn about this stuff. So being the anal bastard that I am when designing something I intend on reading as much as possible for the next foreseeable forever!

    Thread Starter heiddonism

    (@heiddonism)

    11 years, 1 month ago

    Once again. Thankyou.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 1 month ago

    Thanks for contributing to the WordPress community. By posting this thread, you’re helping out others who experience the same issue.

    Thread Starter heiddonism

    (@heiddonism)

    11 years, 1 month ago

    And providing people such as yourself with little intellectual challenges!

Viewing 8 replies - 31 through 38 (of 38 total)
1 2 3
  • The topic ‘change opacity of content window?’ is closed to new replies.