[PhebotalusParticipant]

Hi.

The Cornerstone recent posts element didn’t give me customization options so I used a Raw Code element combined with the WordPress recent posts shortcode:

https://github.com/billerickson/display-posts-shortcode/wiki

I am trying to add CSS to the code so that the recent posts plugin I have at the bottom of my site:

http://lightwayofthinking.com/

Looks like this site:

http://www.chrisducker.com/

Specifics:

– Larger blog post titles, separated from the previews
– All the ends of the previews being on the same lines as each other, not disjointed
– Having buttons instead of plain text “Read More Here”

I know this is a bit of CSS styling I just don’t know how to do it!

Let me know if it’s possible and thanks 🙂

[RupokMember]

Hi there,

We don’t really provide support for another plugin as the content being generated by third party plugin. But I can do it for you as it’s a few tweak. You need to extend this yourself if needed :

#1. Let’s add this under Customize > Custom > CSS :

.display-posts-listing .listing-item .title {
  display: block;
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 10px;
}

#2. It’s not really possible unless the titles are same in length. We can’t control the length of the title as it’s generated by a plugin.

#3. Use this :

.display-posts-listing .listing-item .more-link {
  background: #a4a8b8 none repeat scroll 0 0;
  color: #fff;
  font-size: 14px;
  margin-top: 10px;
  padding: 8px 20px;
  text-transform: uppercase;
}

Let’s add your own CSS now as you already got the selector.

Hope this helps.

Cheers!

[PhebotalusParticipant]

Amazing, thank you so much!

Is there an easy way to get vertical dividing lines between the posts?

[RupokMember]

Hi there,

Thanks for updating and glad that it helped. You can select the columns that contains the RAW Content elements then set border right by adding border-right: 1px solid #333; padding-right: 20px; on the Style field.

Cheers!

[PhebotalusParticipant]

Amazing. Thanks Rupok. 🙂

[JoaoModerator]

Glad we were able to help.

Let us know if you need help with anything else.

Joao

[Author]

Posts