Change Colour and Size of Social Icons in Helix Ultimate - Forum | JoomShaper
Staff replied Helix Framework

Change Colour and Size of Social Icons in Helix Ultimate

Asked by Stephan 2 years ago Last activity 2 years ago

Hello, how is it Possible to change the Colour an the Size of the Social Icons in the Header? I want them the same Size of the Logo in the header and in the colour Yellow.

3 replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
2 years ago

Hi

Thanks for contacting us. Use this CSS in your custom.css file

#sp-menu ul.social-icons a {
    color: yellow !important;
    font-size: 20px;
}

-Regards.

Stephan Asked this
2 years ago

thank you, is it also possible to change the colour an the size in the off canvas menu too (only for the icons)
and how can i change the color of the Borders in the off canvas menu? I have the background black an the borders are also black? i want them yellow.

Mehtaz Afsana Borsha Staff
2 years ago

Ok. Now use this CSS in your custom.css file

.offcanvas-menu .offcanvas-inner .sp-contact-info, .offcanvas-menu .offcanvas-inner .social-icons{
  font-size: 30px !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span{
  border-bottom: 1px solid yellow !important;
}
Log in to reply.