Logo in header seems faded

Home Forums IT Consultant Support Logo in header seems faded

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #74681
    Allan Harder
    Member
    • Topics: 4
    • Replies: 7
    • Total: 11
    Member since: June 3, 2017

    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?

    #74739
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6745
    • Total: 6753
    Member since: June 12, 2013

    Hi,

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

    Regards,
    Shri

    #74774
    Allan Harder
    Member
    • Topics: 4
    • Replies: 7
    • Total: 11
    Member since: June 3, 2017

    http://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.

    #74812
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24073
    • Total: 24073
    Member since: August 16, 2013

    Hi,

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

    Add this code there:

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

    Regards,
    Dave

    #74984
    Allan Harder
    Member
    • Topics: 4
    • Replies: 7
    • Total: 11
    Member since: June 3, 2017

    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?

    #75028
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24073
    • Total: 24073
    Member since: August 16, 2013

    Hi,

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

    Add this code there:

    .head_fix { padding:10px 0 0;}

    Regards,
    Dave

    #75126
    Allan Harder
    Member
    • Topics: 4
    • Replies: 7
    • Total: 11
    Member since: June 3, 2017

    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.

    #75225
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24073
    • Total: 24073
    Member since: August 16, 2013

    🙂

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