Header banner question

Hello!

How do I do the following things to the [social_buttons] shortcode in the header banner:

1. Change the color of social icons to custom color
2. Control the exact size of icons
3. Align icons to the right side? I tried this but it didn’t work: <p style=”text-align: right;”>[social_buttons]</p>

Thanks!

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.header-banner-container .icons-design-default.color-scheme-dark .woodmart-social-icon {
color: red !important;
}

.header-banner-container .woodmart-social-icons.icons-size-default i {
font-size: 18px;
}

.header-banner-container .woodmart-social-icons {
	text-align: right;
}

Regard’s.
Xtemos Studios.

Perfection, thank you!

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts