Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 4, 2024 at 5:22 pm #1429287
    tcampaner

    Hi!
    I have a dark footer and, when I choose the social buttons with an “icon” styling, the circle is white, but the text inside is black and is not visible. How can I change the color of that text?

    Thank you!

    January 4, 2024 at 5:36 pm #1429290
    Mike

    Hey tcampaner,
    We can help with some css, please link to your page so we can examine the elements and let us know what color you want the text to be.

    Best regards,
    Mike

    January 4, 2024 at 9:11 pm #1429301
    tcampaner

    Hi Mike,

    Thank you very much!
    Here is the link: http://techro.studiocampaner.ro

    Regards

    January 4, 2024 at 9:12 pm #1429302
    tcampaner

    sorry, I forgot to say: the text color is ok to be white. The Shared buttons are in the footer.

    January 5, 2024 at 1:44 am #1429317
    Ismael

    Hi,

    Thank you for the update.

    You can add this css code to adjust the color of social icons inside the footer container.

    #footer-page .av-share-box ul li a {
    color: #ffffff;
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after applying the modification.

    Best regards,
    Ismael

    January 5, 2024 at 5:47 am #1429325
    tcampaner

    Hi,

    Thank you very much, it worked!
    Is it possible to remove the info box that appears on hoover (“link to facebook / instagram / linkedin”) or at least to change its style (make it smaller, like a tooltip)?

    And also to change the colors that appear on hoover to #e53e31?

    Thank you!

    January 5, 2024 at 11:35 am #1429340
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #footer-page .av-social-sharing-box .avia-related-tooltip.avia-tt {
	display: none !important;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    January 5, 2024 at 6:27 pm #1429372
    tcampaner

    Hi,

    It worked, thank you very much!
    And to change the hoover color to all of the 3 icons to #e53e31?

    Regards

    January 6, 2024 at 11:18 am #1429393
    Rikard

    Hi,

    Please try this CSS as well:

    #footer-page .av-share-link:hover a {
  background-color: #e53e31 !important;
}

    Best regards,
    Rikard

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