How can we help?

If you are looking for support for our PokaTheme, this is the place!

Home Forums Child Themes support Header background image make clearer?

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #5693
    Carlos
    Participant

    Hi,

    The background image of the header has a certain sharpness (contrast). How can I make it clearer?

    Regards

    #5724
    admin
    Keymaster

    Hi Carlos,

    In which background image are you referring to? Can you send me a screenshot?

    #5756
    Carlos
    Participant
    This reply has been marked as private.
    #5778
    admin
    Keymaster

    Hi Carlos,

    The image that is used in this part of the theme is a background image that is adjusting to screen size through background-size:cover.
    I assume that you don’t mention the overlay that is above the image and you want the image to look as sharp as possible.
    A size that works for most of the users is about 1920px x 500px, you should try this size and I believe your image is going to look a lot better!

    #5899
    Carlos
    Participant

    Hi tnx for your reply,

    The size is 1920×501. The image does not have to be that much sharper, but lighter, now it is much too dark. The header image is too dark on mobile devices and Ipads. Is there a piece of code for this to adjust the contrast or to apply a certain setting?

    #6018
    Carlos
    Participant

    admin, I expect another answer 🙂

    #6097
    admin
    Keymaster

    The overlay of this part is set to this element:

    .section-header::after { background: rgba(21,31,40,.85); }

    You can add this CSS snippet to the Additional CSS and you can try different values in the background property in order to make it as you want.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.