Header background image colour

  • Resolved riderchris

    (@riderchris)


    7 years, 6 months ago

    First of, lovely theme, I liked it but I have an issue here. It seems my background image/header is being overlayed or tinted. I’ve disabled the overlay setting but the image still appears to be the darker than the original ones. How can I ensure the header shows the original image colour? See the attached images below.

    Theme settings: https://ibb.co/kenWvk
    Website header image: https://ibb.co/eGGfo5
    Orignal image: https://ibb.co/de2Lo5

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author CrestaProject

    (@crestaproject)

    Hi @riderchris,
    yes, it’s the “opacity image” and is used to prevent the title name from being seen if the image is too clear.
    You can remove the opacity using this CSS code:

    
.site-brand-main {
	background-color: inherit !important;
}

    Paste this code in your WordPress Dashboard under “Appearance-> Customize-> Additional CSS” and save ??

    Best Regards,
    CrestaProject

    Thread Starter riderchris

    (@riderchris)

    Thanks,that works. Another question on this header topic. On desktop, my header image looks fine but on mobile, it looks scalled. See the images below. Is there any custom css code for this fix? i.e. to alligned header looks good on mobile screen/width?

    Mobile: https://ibb.co/djPpFk
    Desktop: https://ibb.co/mjL71Q

    Theme Author CrestaProject

    (@crestaproject)

    Hi @riderchris,
    unfortunately this is normal on mobile, it can happen on some photos ??
    It depends on the ratio of the photos

    Best Regards,
    CrestaProject

    Thread Starter riderchris

    (@riderchris)

    Thanks for replying. What is your recommendation? what ratios? or just keep it as 1920X1080?

    Theme Author CrestaProject

    (@crestaproject)

    The best ratio is 16:9 so 1920×1080 it’s good ??

    Best Regards,
    CrestaProject

    Thread Starter riderchris

    (@riderchris)

    Thanks – I’ll mark this as resolved.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Header background image colour’ is closed to new replies.