Okay
  Public Ticket #2497096
share button color
Closed

Comments

  • alex started the conversation

    How can i choose the accent or color of the social media share buttons located at the end of posts or portfolio pages?

  •  1,701
    Support Agent replied

    Hi Alex,

    Please add the following css code to Appearance> Customize> General settings> Custom css:

    .socialRow .btIco:nth-child(4n + 1) .btIcoHolder:before {
        box-shadow: 0 0 0 1.5em #d94f4f inset;
    }
    .socialRow .btIco:nth-child(4n + 2) .btIcoHolder:before {
        box-shadow: 0 0 0 1.5em #d94f4f inset;
    } .socialRow .btIco:nth-child(4n + 3) .btIcoHolder:before {
        box-shadow: 0 0 0 1.5em #d94f4f inset;
    } .socialRow .btIco:nth-child(4n + 4) .btIcoHolder:before {
        box-shadow: 0 0 0 1.5em #d94f4f inset;
    }

    Let us know if that helped.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • alex replied

    Awesome. It worked for portfolio items, but i have two more issues haha. When you hover over the icon, it still shows the accent colors as they fade, and I need to do the same thing for post and page icons as well. Thanks so much in advance.

  •  1,701
    Support Agent replied

    Hi Alex,

    Please add the following css code to Appearance> Customize> General settings> Custom css:

    .socialRow .btIco:nth-child(4n + 1) .btIcoHolder:hover:before {
        box-shadow: 0 0 0 1px #ab192d inset;
        color:#ab192d;
    }
    .socialRow .btIco:nth-child(4n + 2) .btIcoHolder:hover:before {
        box-shadow: 0 0 0 1px #ab192d inset;
        color:#ab192d;
    }
    .socialRow .btIco:nth-child(4n + 3) .btIcoHolder:hover:before {
        box-shadow: 0 0 0 1px #ab192d inset;
        color:#ab192d;
    }
    .socialRow .btIco:nth-child(4n + 4) .btIcoHolder:hover:before {
        box-shadow: 0 0 0 1px #ab192d inset;
        color:#ab192d;
    }

    Let us know if that helped.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!