Adding icon to button
-
Hi!
Currently I am trying to create a button with icon looking like this:
————————————
| Button text right-arrow-icon |
————————————Where the text is on the left part of the button and the icon is on the right of the button.
Is it possible to create something like this in premium plan?
I’ve tried to use svg icons but there are not showing up for some reason. I’ve also tried to use “>” symbol with “:after” attribute but it doesn’t look very good.
-
Hi there!
Can you let us know what the URL is of the site where you’re wanting to add this button? Once we have that information, we’ll be better able to advise.
Thank you!
-
You are trying to add icons similar to the one you designed here? https://ardahanmusic.files.wordpress.com/2021/12/youtube.png
It may be possible to add those via CSS, but it would be rather time consuming and require a lot of code to create. It would be outside the scope of our support to help with this but you could hire a designer to assist you in setting this up.
Another possibility (which is easier) is to design a graphic that “looks like a button” so that it has everything in the image file, the text, arrow, icon, and even any special button styling.
You could then upload this to your site and display it in an image block. The image will look like a button (because you designed it that way) and in the block settings you can add a link to an image, so if anyone clicks on it, they are takin to the destination you set.
If you do not have the ability to design these buttons, you may consider some of the free alternatives I’ve found here: https://www.google.com/search?q=website+button+maker
Hope that helps. Please let us know if you have any more questions.
-
Thanks,
I just wanted to know if it’s possible to code or not. Not writing code for me 😅. Since you are saying that it is easier to design a button, I will consider doing so.
- The topic ‘Adding icon to button’ is closed to new replies.