Changing colour of one button in text widget

[Chrisrx]

Hi

I am looking to change one button to a different colour that resides in a text widget, here is the code below:

Contact Us

Would you be able to advise how best to do this.

Regards

Chris

http://www.roxhar.com

[Victor Font]

Add an ID to the link element and then create CSS just for that ID, or change the class name and create new CSS for that class.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Chrisrx]

Hi Victor

Is there anyway to add the colour through the text widget?, so adding

style="color

if not then I'm not sure how to implement your solution.

Regards

Chris

[Victor Font]

This is your code with the beginning and ending brackets removed so it doesn't render as a link in this post.

a class="button" href="http://www.roxhar.com">Contact Us</a

To add an id change this to:

a id="contact-button" class="button" href="http://www.roxhar.com">Contact Us</a

Then in style.css add the new style:

#contact-button {
    background-color: #ccc;
    color: #222;
}

Make sure you add the new CSS after the .button class css in style.css.

But to answer your new question, yes you can add the style as inline css on the element.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Chrisrx]

Thank you Victor

Worked perfectly

Regards

Chris

[Author]

Posts