Logo in header seems faded

[Allan Harder]

My logo seems faded when placed in the IT Consultant Pro theme’s header.
Is there a way to make it more brilliant? Maybe there is some kind of opacity setting for it?

[Sonnal S Sinha]

Hi,

Kindly show us your website URL so that we can assist further.

Regards,
Shri

[Allan Harder]

www.harderit.com
I looked into it further and maybe it is just my picture file, but if you have any suggestions it is appreciated. Thanks.

[Forum Moderator]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.header #logo img { height:auto !important;}

Regards,
Dave

[Allan Harder]

Wow, that is brilliant. I changed my image file’s brightness property (lowered it) and combined it with this custom CSS code:
.header #logo img { height:auto !important;}

and now the logo stands out much better.
Thank you Dave!

Next question: This did increase the height of the header bar. I have already cropped my logo file but there still seems to be too much space between the logo in the header and the slide deck. Is there a way to shorten that distance so the slide deck is tighter to the header above it?

[Forum Moderator]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.head_fix { padding:10px 0 0;}

Regards,
Dave

[Allan Harder]

Yes, that code does what I wanted.
I increased it slightly to 12px to find the sweet spot of the banner height I needed:

.head_fix { padding:12px 0 0;}

Thank you.

[Forum Moderator]

🙂

[Author]

Posts