Icon color and border addition

Hello @ildomandatore,

We took a look at your site and it seems like everything works perfectly.

Thanks!

Not really…

View post on imgur.com

Hello @ildomandatore,

You can use Icon Color Settings to change the color of the icon.

Also you can use “wpfront-scroll-top-container i” Class to add Custom CSS to the font awesome button.

Thanks!

The class doesn’t work. Could you answer my question by inserting the sample code? So a border for the button and the colored icon?

Hello @ildomandatore,

Sorry, I forgot to add the # when copy-pasting.

#wpfront-scroll-top-container i {
 color: red;
 border: 1px solid black;
}

I hope this helps!

Thanks!

Unfortunately the button behaves like I tried before;

• Change the background color of the button, not the icon
• The border is badly applied. I tried adding the border radius, but it’s an oval.

View post on imgur.com

#wpfront-scroll-top-container i {
 color: red !important;
 border: 1px solid black !important;
	border-radius: 100% !important;
}

Hello @ildomandatore,

It’s not a button, it’s a font-awesome icon. So, only background color change is possible. If you want other customization, you can replace it with another font awesome icon using the Icon Class Setting.

I hope this helps!

Thanks!

I tried other icons but they don’t work. Only your example works, not this one https://fontawesome.com/icons/circle-up?f=classic&s=solid

• This reply was modified 1 year, 5 months ago by ildomandatore.

Hello @ildomandatore,

This icon only works with font-awesome version above 5, we are using version 4.

For this to work, you must add the link below in the Font Awesome URL setting on the Scroll Top Settings page.

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css

The screenshot is attached for your reference:

View post on imgur.com

Thanks!

View post on imgur.com

Hello @ildomandatore,

The icon class and URL you used are incorrect..

Please use below URL as Font awesome URL:

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css

The Icon Class is: fa-solid fa-up-long fa-5x

The screenshot is attached for your reference

View post on imgur.com

Thanks!

Your plugin has problems saving. When I clear the Super Cache cache, it doesn’t remember the Icon Class and Font Awesome URL. I solved by saving, I reloaded the page and cleared the Super cache cache.

But the SVG icon isn’t there yet.

View post on imgur.com

Hello @ildomandatore,

Can you please recheck your Icon Class?

Thanks!

Could you tell where I go wrong? I checked the class so many times before posting here.

Hello @ildomandatore,

The Icon Class is “fa-solid fa-up-long fa-5x”.

I stated the same before.

Thanks!