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

    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!


    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,


    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?



    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;



    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.