Home Forums WoodMart support forum How do I change the color and order of the social icons?

How do I change the color and order of the social icons?

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

    gtk017
    Participant

    My social icons are on the top bar and now the color is white and I want to change it to black.
    But I didn’t find the option to customize the icon color, only light/dark, when I switched, the icons were all white.
    Also, I wanted to change the order of the social icons to put LinkedIn and YouTube first, but I couldn’t find where to switch.
    Thanks for your support!

    Attachments:
    You must be logged in to view attached files.
    #508503

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .wd-social-icons.icons-size-default .wd-icon {
    color:black;
    }

    Best Regards

    #510786

    gtk017
    Participant

    How do I change the order of the social icons?
    I want to put LinkedIn first and YouTube second

    Attachments:
    You must be logged in to view attached files.
    #510917

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .wd-social-icons {
    	display: flex;
    	flex-wrap: wrap;
    	align-items: flex-start;
    }
    .wd-social-icons .wd-social-icon {
    	order: 10;
    }
    .wd-social-icons .social-linkedin {
    	order: 1;
    }
    .wd-social-icons .social-youtube {
    	order: 2;
    }

    Best Regards

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)