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

Support Area Forums Moonrise Add Button above current text in "Home Section Two" Widget

This topic contains 4 replies, has 2 voices, and was last updated by  LeanneKingwell 1 year, 5 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
URL to the page in question: http://www.sisterofsoul.com.au
  • Author
    Posts
  • #36315

    LeanneKingwell
    Participant

    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 🙂

    #36332

    Bill Robbins
    Keymaster

    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

    #36346

    LeanneKingwell
    Participant

    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:
    #36349

    Bill Robbins
    Keymaster

    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

    #36359

    LeanneKingwell
    Participant

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

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Add Button above current text in "Home Section Two" Widget’ is closed to new replies.