Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #186825

    Hello,
    I would really like to set the format for the phone number/small info text section in the very top header, to be the way it is in the social media section, so that it’s also a block and the color would change on hover etc. while keeping the small info text, which would also change color on hover. Is this possible? I’ve been playing around with the CSS but haven’t been able to get it to work. I know this is quite a lot to ask so I’ll understand if you can’t help.
    Thank you very much!

    #186915

    Hey BlendMarketing!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired

    .social_header .phone-info { color: white; }
    .social_header .phone-info:hover { color: red; }

    Best regards,
    Yigit

    #186919

    Hi Yigit,

    Unfortunately it’s only applying the color and hover effect to the text itself, and not changing the background color of that section. Is that possible at all?

    #187052

    Hi!

    You can use this instead:

    .social_header .phone-info span {
    padding: 10px 10px 10px 10px;
    margin: 10px 0px 10px 0px;
    background: blue;
    }
    
    .social_header .phone-info span:hover {
    background: red;
    }

    Cheers!
    Ismael

    #187171

    Thank you so much, Ismael! :) Very very appreciated.

    All the best!

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Adapt phone info/small info text header section to look like social media header’ is closed to new replies.