Title: WP Show Posts CSS codes free version
Last modified: December 10, 2018

---

# WP Show Posts CSS codes free version

 *  Resolved [jorgeeg](https://wordpress.org/support/users/jorgeeg/)
 * (@jorgeeg)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/wp-show-posts-css-codes-free-version/)
 * Hi,
 * I have included the code to show WPSP on my home page and would like to know 
   whether it’s possible to add/modify the following by using CSS or not:
 * 1 – Read more button color and borders
    2 – Post title color 3 – Show the last
   updated date instead of published date 4 – Borders to each post 5 – Keep the 
   same heights for all of the posts 6 – Instead of pagination, show something like“
   see more posts” and load another 5 more
 * Thanks a lot!
 * Regards
    -  This topic was modified 7 years, 6 months ago by [jorgeeg](https://wordpress.org/support/users/jorgeeg/).

Viewing 9 replies - 1 through 9 (of 9 total)

 *  Plugin Author [Tom](https://wordpress.org/support/users/edge22/)
 * (@edge22)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/wp-show-posts-css-codes-free-version/#post-10971574)
 * Hi there,
 * Yes, most of this is possible with CSS. Any chance you can link us to your site?
 * 6. To load more posts on button click, you’d need a custom javascript solution.
   Our pro version has this built in.
 *  Thread Starter [jorgeeg](https://wordpress.org/support/users/jorgeeg/)
 * (@jorgeeg)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/wp-show-posts-css-codes-free-version/#post-10972435)
 * Hi Tom,
 * Thanks for your reply. Could you please provide CSS code so I can try.
 * Regards
 *  Plugin Author [Tom](https://wordpress.org/support/users/edge22/)
 * (@edge22)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/wp-show-posts-css-codes-free-version/#post-10982079)
 * Can you link me to your site? That way I can be sure the CSS I’m providing is
   100% accurate and will work for you.
 *  Thread Starter [jorgeeg](https://wordpress.org/support/users/jorgeeg/)
 * (@jorgeeg)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/wp-show-posts-css-codes-free-version/#post-10984825)
 * Yes, sure [https://mysundaytools.com/](https://mysundaytools.com/)
 * I pasted the code at the bottom of home page.
 * Thanks Tom, I appreciate it!
 *  [KimMcDougalcrafter](https://wordpress.org/support/users/ormgrecipes/)
 * (@ormgrecipes)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/wp-show-posts-css-codes-free-version/#post-10986357)
 * Hi there jorgeeg, I was curious about your topic cause I’m also changing my blog
   layout and I just wanted to say I absolutely LOVE your website design 🙂 Great
   job!
 * Tom, I LOVE your plugin. I’m having a lot of fun with it. 🙂
    Kim
 *  Plugin Author [Tom](https://wordpress.org/support/users/edge22/)
 * (@edge22)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/wp-show-posts-css-codes-free-version/#post-10987385)
 * 1. The read more button can be adjusted like this:
 *     ```
       a.wp-show-posts-read-more, a.wp-show-posts-read-more:visited {
           border: 2px solid #222;
           color: #222;
       }
   
       a.wp-show-posts-read-more:focus, a.wp-show-posts-read-more:hover {
           border: 2px solid transparent;
           color: #fff;
           background: #222;
       }
       ```
   
 * 2. The post title:
 *     ```
       .wp-show-posts-entry-title a {
           color: red;
       }
       ```
   
 * 3. Updated date:
 *     ```
       .wp-show-posts-posted-on a time {
           display: none;
       }
   
       .wp-show-posts-posted-on a time:last-child {
           display: inline-block;
       }
       ```
   
 * 4. Borders:
 *     ```
       .wp-show-posts-inner {
           padding: 20px;
           border: 1px solid #ddd;
       }
       ```
   
 * 5. You’ll see with the borders that they’re already all the same height.
 * Hope this helps 🙂
 *  Thread Starter [jorgeeg](https://wordpress.org/support/users/jorgeeg/)
 * (@jorgeeg)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/wp-show-posts-css-codes-free-version/#post-10988675)
 * That’s awesome Tom, Thank you very much.
 * I’ll try the code and come back with any issues.
 *  Thread Starter [jorgeeg](https://wordpress.org/support/users/jorgeeg/)
 * (@jorgeeg)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/wp-show-posts-css-codes-free-version/#post-10989317)
 * Tom, it works like a charm, I really appreciate it!
 * KimsCrochets thanks!
 * Regards
 *  Plugin Author [Tom](https://wordpress.org/support/users/edge22/)
 * (@edge22)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/wp-show-posts-css-codes-free-version/#post-10990021)
 * Glad I could help 🙂

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘WP Show Posts CSS codes free version’ is closed to new replies.

 * ![](https://ps.w.org/wp-show-posts/assets/icon-256x256.png?rev=2846296)
 * [WP Show Posts](https://wordpress.org/plugins/wp-show-posts/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-show-posts/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-show-posts/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-show-posts/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-show-posts/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-show-posts/reviews/)

 * 9 replies
 * 3 participants
 * Last reply from: [Tom](https://wordpress.org/support/users/edge22/)
 * Last activity: [7 years, 5 months ago](https://wordpress.org/support/topic/wp-show-posts-css-codes-free-version/#post-10990021)
 * Status: resolved