How to change the color of buttons and links?

  • Hi,

    I love this cool theme – thank you!

    However the logo in our header image is royal blue which doesn’t quite go with the default turquoise of the search button and links in other widgets…

    I’m not a coder but I do know the hex code for our logo (#0000ff) – I wondered if there was a simple piece of code that could be put into style.css that would change the color of these default buttons and links to match our logo?

    Thank you for any help with this issue,

    in appreciation,

    Ruth

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter kathleenruth

    (@kathleenruth)

    Just in case anyone else is wondering – this feature is available with the Swell Lite Premium version.

    Hi Kathleen,

    I apologize for the delay. Link colors can be changed by a minor customization to your stylesheet. Using the theme editor, or preferably a child theme or the Jetpack CSS editor, add the following code to your stylesheet:

    a, a:link, a:visited,
a:focus, a:hover, a:active {
    color: #0000ff !important;
    }
a.button, .reply a, #searchsubmit, #prevLink a, #nextLink a, .more-link, #submit,
#comments #respond input#submit, .container .gform_wrapper input.button, #wrapper #infinite-handle span,
a.button:hover, .reply a:hover, #searchsubmit:hover, #prevLink a:hover, #nextLink a:hover, .more-link:hover,
#submit:hover, #comments #respond input#submit:hover, .container .gform_wrapper input.button:hover, #wrapper #infinite-handle span:hover {
    background-color: #0000ff !important;
    }

    That will change the color of all links and buttons to your provided hex code.

    Thanks!

    Thread Starter kathleenruth

    (@kathleenruth)

    That worked perfectly – thank you!

    in appreciation,

    Ruth

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change the color of buttons and links?’ is closed to new replies.