• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How do I edit the color of the "read more" button on blog posts?

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › How do I edit the color of the "read more" button on blog posts?

This topic is: not resolved

Tagged: insert more tag, read more button

  • This topic has 3 replies, 2 voices, and was last updated 9 years, 8 months ago by RobG.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 24, 2013 at 10:00 am #63980
    morgancarrie
    Member

    I'm changing the color palette of my streamline theme and can't seem to figure out how to change the color of the "read more" button that appears when I use the "insert more tag" feature on blog posts. It shows up orange, and I need it to be #4B2F4F. Anybody know how to do this?

    It doesn't seem to be a color plugged into the CSS stylesheet, which is how I replaced the same color everywhere else, and I don't see where the button is an actual image uploaded that I can edit.

    I would appreciate the help if anyone knows how to do this.

    http://rockthestatusquo.com/
    September 24, 2013 at 5:05 pm #64027
    RobG
    Member

    I hope I'm understanding what you want to accomplish here. If I am then you need to locate the following code in your
    ( Style.css )

    input:hover[type="button"],
    input:hover[type="submit"],
    a.more-link:hover {
    	background: url(images/button.png) 0 -40px;
    	cursor: pointer;
    }
    
    

    What you're going to need to do is access your CPANEL and locate the ( images/button.png ) image in your theme
    ( image ) directory and simply change the color of that button to anything of your choice.

    After you do that you will need to upload that new image and replace the old one with the new one, refresh the page and you should be good to go. Hope this will help


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    September 25, 2013 at 10:31 am #64089
    morgancarrie
    Member

    This worked - thank you, Rob!

    September 25, 2013 at 11:44 am #64099
    RobG
    Member

    You bet Carrie my pleasure.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble