Change "Read More" Button Color and Text

  • Hello all,
    I love the Minamaze theme. I am trying to modify the text and color of the “Read More” buttons and am having problems. I followed the instructions by @wpmu DEV Support in this post using a child theme:
    Using ftp client, Copy the 02.homepage.php file by navigating to wp-content ? themes ? minamaze ? admin ? main ? options then create the same path in your child theme’s folder.. then on line 271, 287 , 303 . Just change the Read More text. Don’t omit the quotation mark wrapping the text. It is necessary!
    I am unable to get it to work. If I change the text directly in the theme itself, it works fine. The child them is working for the footer of the site, so all I did was add the directory structure, copy the 02.homepage.php file, and make the changes. Any advice?

    I would also like to change the color away from the red displayed by default. Is there a simple custom css I can paste in?

    Kind regards,
    Bryan

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter wp_l3rn3r

    (@wp_l3rn3r)

    Hi again,
    Changing the button color was simple and had been explained previously. I just needed more coffee to see that. To change the button color and background color, you can add this to your custom css:

    .themebutton {
background: #BBDAFF;
}
a.themebutton {
color: #0000CE;
 }
.themebutton:hover {
background: #6094DB;
}

    Don’t ask me why the color for the font needs the “a” at the beginning.
    I am still trying to figure out why changing the text does not work in a child theme, but works in the main parent theme for the file:
    wp-content/themes/minamaze/admin/main/options/02.homepage.php
    Regards,
    Bryan

    Thread Starter wp_l3rn3r

    (@wp_l3rn3r)

    The problem is that this file is loaded by the functions.php file.
    Trying to follow the code on the WordPress Child Themes page in the Using functions.php section did not work, and it wouldn’t really matter if it did because I do not maintain the parent theme. If they update that file, my changes are lost just the same as if I manually update the 02.homepage.php within the parent.

    So basically, I’m left modifying the parent theme file and hoping it doesn’t get updated when I’m not looking, or testing it every time there is an update to make sure it has not been reverted. Not a very elegant solution. I would love to get a good idea from someone that makes me feel a little stupid, but a lotta happy to fix this the “right way”.

    I would like to change the “read more” buttons to rounded corners – any way to do this? I haven’t found it yet?

    Add to custom CSS.

    .more-link {
    border-radius: 5px;
    }

    5px looks good for me.
    *I am using “WP Add Custom CSS” plugin by Daniele De Santis, I assume it’s the same as custom css in customizer.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change "Read More" Button Color and Text’ is closed to new replies.