Menu Button - Question | JoomShaper

Menu Button

Alex Walker

Alex Walker

Template 2 years ago

How can I make the word DONATE a button or at least have a background colour to make it look like a button? https://prnt.sc/ItfURF_Nb7gS www.acalltoaction.org.uk

0
4 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #133373

Did that help Alex?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #132858

Hi there!

Thanks for contacting us.

I have visited the site, you are using the dafult joomla template there though. However, better will be creating a SPPB module(if you use SP Page Builder there) with a button addon inside and publish it to the position where you published the menu. Then you might need to adjust extra margin/padding of the module to maintain a good look of the button and it's surroundings.

Otherwise the following links may help you to understand how to display a link as buttons:

https://www.w3schools.com/css/css_link.asp

https://www.freecodecamp.org/news/html-button-link-code-examples-how-to-make-html-hyperlinks-using-the-href-attribute-on-tags/

Hope this helps anyways.

Best Regards

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #132882

Hi ALex,

Since we are not teaching the basics of CSS here and we aren't support of cassiopeia template that you used - I can give you only mini tip (Custom CSS):

.metismenu-item.item-5651.level-1  {background: #ED462F;border-radius: 10px;}
.metismenu-item.item-5651.level-1 > a { color: white; }

As you see it is not necessary to use the SPPB module in this case ;)

info_1626_2023.gif

whole rest is on your hands (keyboard), Amen

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #155686

Thanks for accepting the answer:)

0