Hello everyone, everything good?
Please, I'm having trouble changing the colors according to the numbers in the attached image.
I tried to open a case with the support team, but through the website I realized that it is not available. I tried to chat with the bot and it didn't help me and also the way to open the ticket is not available.
In the attached image, it has a number in orange where it represents what I want to change the color and it is not possible.
Hi,
all is possible if you know how. This is not rock stone that you have to use hammer for many days, all you need is keyboard & mouse.
Some tips are already in Helix documenation, but maybe for you will be easier if you'd SHARE website URL or at least write me a full template name.
.
Thanks, now it will be easier for both of us.
I hope you read in Helix documenation on how to use Custom CSS in Helix based templates, if not - do it now.
/* Color 1 */
#sp-top-bar .social-icons li a {color: white;}
#sp-top-bar .social-icons li a:hover {color: lightgray;}
/* Color 2 */
#sp-top-bar .menu li a {color: white; opacity: 1;}
#sp-top-bar .menu li a:hover, #sp-top-bar .menu li a:focus {color: lightgray;}
/* Color 3 */
.secondary-menu .menu li a {color: black; opacity: 1;}
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {color: black;}
/* Color 4 */
.articles-infinte-scroller .sppb-addon-title {background: black;}About 5 - green star, please replace that image with different one using that same location, type and filename:
templates/livesports/images/infinite-svg.svg
you can also upload/use 1x1px image (transparent) to hide it. Or use football icon (16x16px).
Now all seems to be easy to implement on your side.