Blur head image in the theme Flounder

  • Unknown's avatar
    fhilix · Member ·

    I am currently using Flounder theme and I am having a problem relating to editing it’s header Image. The uploaded image became quite blur, its colors are lighter compared to the original one. Could you please let me know how to fix this? ThanksThe site

    The blog I need help with is: (visible only to logged in users)

  • staff-jeanpierreac · Staff ·

    Hi, @fhilix

    This is because you have a background over your logo defined with an opacity value. The effect of that is to blur you pic (your logo in this case).

    You can change this opacity value. It can be from 0 to 1 and if you choose 0, your logo with be unaltered. Try with this css code

    .custom-header .site-branding {
    background-color: rgba(236, 240, 241, 0);
}

    I hope this helps! :)

  • The topic ‘Blur head image in the theme Flounder’ is closed to new replies.