Shoreditch Theme: Change Button Colors/Attributes

  • Unknown's avatar
    shopdayco · Member ·

    I just installed and am trying to customize the Shoreditch theme. I’m looking to change the font color(s) of a button I just set up on my homepage. Bot the main and hover colors. How can I do that?

    The blog I need help with is: (visible only to logged in users)

  • kathrynwp · Staff ·

    Hi there – the first thing you’ll need to do is remove the inline style you added to the button, likely in the editor. Switch to HTML view and change this:

    <span style="color:#16509e;"><a class="button" href="https://hitmarketingonline.com/contact/">Contact us Today!</a></span>

    to this:

    <a class="button" href="https://hitmarketingonline.com/contact/">Contact us Today!</a>

    Next, add this to your Customizer‘s CSS panel:

    /* Change button text colour */
.page-template-panel-page .hentry.has-post-thumbnail .button, 
.page-template-panel-page .hentry.has-post-thumbnail .button:hover {
  color: #bb00bb;
}

    If you have a CSS Customization question in the future, feel free to post in that forum, or of course you can access live chat or email support anytime at https://wordpress.com/help/contact

  • The topic ‘Shoreditch Theme: Change Button Colors/Attributes’ is closed to new replies.