Header Color Overlays Photos in Posts/Pages

  • Resolved colin

    (@scot184)


    8 years, 4 months ago

    Not sure which update caused this change, but when you view a single post/page with an image attached (likely affects featured images), the image is overlayed with the header color, which seems to be a light mint green by default.

    In short, all the header images are just covered in a green hue. They look like they’re highlighted in green.

    However, the homepage shows the photos in all their glory because there isn’t a header as far as I know.

    Please advise, thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi,

    You can remove the overlay by adding the CSS below to Appearance > Customize > Custom CSS.

    .post-page-head-area.bauhaus .post-page-thumbnail {
    opacity: 1 !important;
    }

    Regards,

    Emilio Rivera
    WPtouch Support

    Thread Starter colin

    (@scot184)

    Hi Emilio,

    Your code worked, but why not just have it default to this? Why would anyone want their photos covered in green, or any other color?

    FYI, the new problem upon removing the overlay is that the post title is in black and thus hard to see when on top of a photo.

    Is it possible to make individual posts/page titles with photos default (or manually set) to the bold white text as seen on the homepage slider so it’s easy to read and doesn’t distort the photos?

    Thanks again for your help.

    @scot184,

    We actually like the styling on the post-thumbnail :).

    To give the single posts’s titles the same styling as the titles in the featured slider, try adding:

    .single h2.post-title.heading-font {
    text-shadow: rgba(0, 0, 0, .6) 0px 0px 10px;
    bottom: 35%;
    font-size: 180%;
    font-weight: 600;
    width: 90%;
    color: #fff !important;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 0;
    right: 0;
    line-height: 150%;
    }

    to Appearance > Customize > Custom CSS. For more info on identifying CSS targets and applying custom styling in WPtouch Pro, please take a look at the articles linked below.

    Adding custom styling to WPtouch Pro
    Identifying targets for custom CSS

    Regards,

    Emilio Rivera
    WPtouch Support

    Thread Starter colin

    (@scot184)

    Thanks Emilio. I wasn’t sure if the overlay was by design or an oversight in one of the updates. No disrespect on stylistic choice, I [now] get it, just remembered it being different before a past update.

    Appreciate you following up and providing alternate code!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header Color Overlays Photos in Posts/Pages’ is closed to new replies.