Add Button above current text in "Home Section Two" Widget

[LeanneKingwell]

Hi Bill,

Hope all is well with you.

I’m wondering if you could tell me how to add an “Order Online” button above (or below) the text in my “Home Section Two” Widget, please? (the button will link to an external website)

Note: I haven’t updated the Moonrise theme, nor WordPress as everything is working fine and it’s a very simple site.

Warm Regards,
Leanne 🙂

[Bill Robbins]

Hi Leanne,

You can do that. In your text widget, add this to create a button:

<a class="button" href="#">Your Button</a>

Just replace the # with the URL you’d like to link to and Your Button with the text you’d like to have the button say. That should give you a button to work with. You may need to use the add paragraphs option in the text widget to make sure they end up on separate lines.

Hope that helps out,
Bill

[LeanneKingwell]

Hi Bill,

Thanks so much for that. Worked perfectly! 🙂

Just one more question…
How do I change the colour of the button please?
It’s currently showing as blue, despite my button colour in “theme options > content” being set to green. (see attached pic)

Thanks in advance 🙂

Best,
Leanne

Attachments:

1. 

   button-color.jpg
   

[Bill Robbins]

Leanne, I’m not sure why it’s doing that. Let’s just force the issue this way. Add this to your Custom CSS:

a.button {
	background-color: #000;
	color: #ccc;
}

a:hover.button {
	background-color: #ccc;
	color: #000;
}

Change the colors to fit your style and save your changes. See if that won’t cause this button to behave.

Have a great weekend,
Bill

[LeanneKingwell]

PERFECT!!
Thanks so much Bill.
Have an excellent weekend yourself 🙂

[Author]

Posts