Home › Forums › WoodMart support forum › How to change social icons style in blog page?

How to change social icons style in blog page?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 4, 2020 at 8:17 pm #171518

    devbattat
    Participant

    Hi,
    how can I change style of social icons in the blog page? Currently they are large colorful circle icons?

    This page doesn’t give info about changing styles:
    https://woodmart.xtemos.com/social-buttons/

    February 5, 2020 at 7:49 am #171571

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Unfortunately, There is no such option in theme settings available to change the size of share buttons on the single blog page.

    You need to add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .single-post-social .woodmart-social-icons {
font-size: 15px;
}

    You can adjust the font-size according to your requirements.

    The URL you shared is WoodMart element but if you want to style it then you will need to use the social button module of the WoodMart in every single blog post.

    Best Regards.

    February 5, 2020 at 8:07 pm #171734

    devbattat
    Participant

    Hi
    Thank you for reply, but my question was more about changing the style of icons? I want to use one of the styles available here: https://woodmart.xtemos.com/social-buttons/
    on my post page.

    Thank you

    February 6, 2020 at 6:51 am #171805

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    To change the styling of the social icons on the blog page. You need to Go to Theme Settings >> Footer >> Pre-footer Area. And edit the HTML Block that occurs there.

    Screenshot for Clarification: https://www.screencast.com/t/JJCjvNKS

    Then you need to edit the Social Buttons module of the WPBakery Page Builder.

    Screenshot for Clarification: https://www.screencast.com/t/ELtfZTlf

    Best Regards.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)