Archived topic
text icon button ?
7 replies · Started by L. on March 5, 2021
Hi,
Instead of normal buttons i would like to use text icon buttons.
But i can't find how to do so. I need some help with it. Can you please tell me what i have to do?
Regards,
Leo
Hi there,
Where do you want the text icon button to appear?
You could have a look at our block editor plugin Generateblocks:
https://wordpress.org/plugins/generateblocks/
Here's the function introduction of Buttons block:
https://docs.generateblocks.com/article/buttons-overview/#icon
Hi thanks for the response. What i mean is that i want a read more option like this;
Read More >>
Thanks,
Leo
If you just want to add">>" to the button, then go to customizer > layout > blog, change the Read more label there.
If you'd like it to be an icon or an image, then you could give this CSS a try, adjust the numbers to find the best position.
.read-more-container a:after {
content: "";
width: 20px;
height: 20px;
background-image: url(your-icon-url);
position: absolute;
right: -10px;
top: 15px;
}
You'll need to adjust the read more button's padding if you've had it styled already.
Let me know :)
Hi,
thank you for this support. I do have a question about the "coach" site in the site library.
I searched help files and documentation but can't find the answer. You gave me a solution for a button. But how can i choose a button used in the Coach site?
Is it the same as mentioned in your answer?
Is there any site specific documentation?
The buttons in Coach are all using the buttons block from GenerateBlocks:
https://docs.generateblocks.com/article/buttons-overview/
Please open a new topic if you need further help with this.
Thank you for this great support. Problem solved.
No problem :)