Easy Online Read More Button CSS Generator

Customize the look of your theme’s default “Read More” button with a simple piece of CSS you can copy-paste into the WordPress dashboard.

Simply drag the sliders below to change colour, width and rounded corners of the button.

 

If it doesn’t work, your theme may have a differently named read more button. To check just right click on your read more button, inspect element and amend the code above with the class name of your button.

Leave a Comment

Example:

Read more



Hue

Width

Round borders


To apply the style to your website, copy the css into your theme's stylesheet file (Appearance > Theme Editor > style.css)

										
										

Alternatively

  1. Install plugin "Insert Headers and Footers"
  2. Copy the code
  3. Go to Dashboard > Settings > Insert Headers and Footers
  4. Paste the code into the "Scripts in Footer" section

Custom readmore button