Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 11, 2013 at 1:47 pm #186825
    BlendMarketing

    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!

    November 11, 2013 at 4:57 pm #186915
    Yigit

    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

    November 11, 2013 at 5:06 pm #186919
    BlendMarketing

    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?

    November 12, 2013 at 1:43 am #187052
    Ismael

    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

    November 12, 2013 at 11:09 am #187171
    BlendMarketing

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

    All the best!

  • Author
    Posts
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.