Docs

[davidferp]

Hello guys,

I am trying to change the anchor link icon that appears at the bottom of the slider of the home page in my site (http://2c1bl.wpstagecoach.com). I used the code below

.x-icon-angle-down:after {
   content: "\f063" !important;
}

But it doesn’t substitute the icon, it simply adds the new icon to the right of the currently existing (http://prnt.sc/aylos0).

How can I get only one icon in place?

Also, how can I change its size and color?

Thanks you!

[davidferp]

This reply has been marked as private.

[davidferp]

Ok, I found out how to change the color of the anchor link icon from CornerStone.

How can I also get rid of the circle around the anchor link icon?

Thanks you X-team!

[Rad]

Hi there,

Thanks for posting in.

Please change your CSS to this

.x-icon-angle-down:after {
    content: "\f063";
}

Pseudo after and before are different. Using both will of course just append it.

About the circle, please add this as well

.x-slider-scroll-bottom {
border: 0px;
}

Hope this helps.

[davidferp]

Hi!,

Thank you for your answer, I could get rid of the circle with your second code :-). However, the first code portion you proposed did not help… I still see two icons instead of a single one…

What am I doing wrong?

[Thai]

Please add this CSS:

.x-slider-scroll-bottom.below i:before {
    display: none;
}

Hope it helps 🙂

[davidferp]

Perfect! Exactly what I wanted!

Thank you very much 🙂

[Rue Nel]

You’re welcome!
We’re glad we were able to help you out.

[Author]

Posts