Best solution for 'Quick Access' Buttons - Forum | JoomShaper
Solved SP Page Builder

Best solution for 'Quick Access' Buttons

Asked by Georg Holzner 4 years ago Last activity 4 years ago

Hi all,
I am tryining to design some quick access buttons on my website (those buttons should then link to the appropriate page).

When I use a "Button" Add-On, it only gives me the selection to have a image/icon and the text left or right next to it. But I would like to put the text under the icon (see my test site).

So I took a "feature box" Add-On. But the feature box gives me the option to define a link/url for the feature box. Or is there a way to do it?

Do you have a recommendation what I could use to implement a quick access 'button' with a image or icon and the text beneath it?

Thanks

Accepted answer

Marked as the solution
Ofi Khan Staff

Hello Georg Holzner

Please use this CSS to Template Options -> Custom Code -> Custom CSS

.sppb-btn-default{
    display: inline-grid;
}

Hopefully, it will serve your purpose. But above CSS will change all the buttons. So, you need to adjust for your desired buttons.

Best regards

5 more replies

Georg Holzner Asked this

Thanks for the answer.

How can I find out what the name of my desired button is (äquivalent to ".sppb-btn-default").

Thanks and best regards

Ofi Khan Staff

I have found a better solution. In your button addon, add a Custom CSS class. Then add the CSS for this class name. Then whenever you need this style, just add the CSS class to the button.

https://prnt.sc/aCsOpYjeDcxr

https://prnt.sc/8n6gdif3EilC

This will be the CSS code

.icon-top{
    display: inline-grid;
}
Georg Holzner Asked this

Thanks a lot!
Awesome.

Cheers,
Georg

Ofi Khan Staff

You are welcome. I have a humble request. It would be very kind of you if you can manage some moment to give us feedback on Joomla Extension Directory. This will inspire us to improve.

Georg Holzner Asked this

certainly, I'll do.

Log in to reply.