Add my own icon in a buttom in header

Hello,I only have fontawesome icons and others and I wanna use my own icon on a buttom, or maybe in a text/html (this options)
Here is the location of the buttom.

thanks in advance..
Regards..

Hello,

I saw the screenshots you attached.

Please elaborate with the help of some more relevant screenshots of the specific area of what you require because your current explanation is not clear enough to understand what you require.

Regards.
Xtemos Studios.

Hello, thanks for the help, in the header I want to add a button or a text/html with an icon, but by default there is the option to choose fontawesome icons, linecons, typicons in a buttom options in order to add an icon. In my case I would like to add an icon that I elaborate my own icon.
here is the location of the buttom in the header with a fontawesome icon that I want to change with my own icon: https://snipboard.io/pwvmGI.jpg
here is my own icon:
https://supermascotopia.com/wp-content/uploads/2020/12/pet-house-2.svg

I hope you can help me with this..
regards

Hello,

I saw the screenshot you attached. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.fa-caret-square-right:before {
	content: "";
	background: url(“https://supermascotopia.com/wp-content/uploads/2020/12/pet-house-2.svg”) no-repeat;
	background-size: contain;
	height: 30px;
	width: 30px;
	position: absolute;
	left: -10px;
	top: 4px;
}

Best Regards.

Hello, thanks for the code, but the code didn’t work, I tried to solved and this is the modified code:

.fa-caret-square-right:before {
	content: ""!important;
	background: url(https://supermascotopia.com/wp-content/uploads/2020/12/pet-house-2.svg) no-repeat;
	background-size: contain;
	height: 30px;
	width: 30px;
	position: absolute;
	left: -10px;
	top: 4px;
}

I have another question about the same topic, I tried to change the hover in the buttom, since it’s a almost transparent, but I want transparent hover, but when I try to change it, in the option of the buttom colors and hover’s colors ( in header builder). I can’t scroll down in order to change the hover https://gyazo.com/4d0c55e5866248934266336881d3e159, and I’m unable to change the hover.
Thanks for your help.
Regards

Hello,

You are Most Welcome.

We are Glad that you modified the given CSS and achieved the desired result.

And for the color option not working Please provide with the admin panel login details of the website to check it myself and help you out accordingly.

Regards.
Xtemos Studios.

Ok, here is an example of the behavior https://gyazo.com/4d0c55e5866248934266336881d3e159, the problem is with hover options for the buttom located in header builder.

Hello,

This is a bug in our theme and will be fixed in our next update.

Best Regards.

[Author]

Posts