Blog post shortcode

Support
#1

How come I can’t easily find the shortcode to show a blog post on another page?

Post, number, category, etc…

Thank you.

#2

This did the trick -

[recent_posts count=“1” category=“technical memorandum”]

Don’t know why that was not readily listed on the shortcodes page :wink:

#3

Hi there,

Glad to hear you got it sorted. The complete list of options for the recent post shortcode are here.

#4

How do I change the bg color when I hover over a post to open it? Right now it’s gray, I want to change it to #1b2b51.

Thank you.

#5

Hi There,

Thanks for writing in!

You can add custom CSS for that.
Please check the post item class by inspecting the element in chrome dev tool and add this example CSS to your theme option -> global CSS.

Suppose your post item class is item-classname the CSS would be.

.item-classname:hover {
  background: #1b2b51;
}

If that doesn’t help, please send us your page URL where you have the post we can suggest the CSS.

Thanks

#6

www.naplesinsurancegroup.com

The CSS above did not seem to work.

Thank you.

#7

Hi There,

Thanks for the URL!

If you are asking about the posts in about-us page then please add this CSS.

.x-text .entry-wrap:hover .x-recent-posts-img:after {
  background-color: #1b2b51 !important;
}

Hope this helps!

Thanks

#8

That worked perfectly! Thank you so much.

#9

In my custom CSS for the Blog page pagination buttons (page 1-10, etc), I have listed each element separately to make the colors all the same blue (see below the code I used). Is there a way to stack these as one instead of defining them separately? This seems like it could be a pretty basic CSS question… thank you.

.blog .x-pagination a:hover {
background-color: #1b2b51 !important;
}

.blog .x-pagination .current {
background-color:#1b2b51 !important;
}

.blog .x-pagination li {
background-color:#1b2b51 !important;
}

.blog .entry-title a{
color:rgba(30, 46, 82, 0.91) !important;
}

.post-template-default .entry-title {
color:rgba(30, 46, 82, 0.91) !important;
}

.post-template-default .comment-reply-title {
color:rgba(30, 46, 82, 0.91) !important;
}

.post-template-default .entry-wrap a{
color:rgba(30, 46, 82, 0.91) !important;
}

#10

Hi There,

Please see below!

blog .x-pagination a:hover,
.blog .x-pagination .current,
.blog .x-pagination li
 {
background-color: #1b2b51 !important;
}

.blog .entry-title a, 
.post-template-default .entry-title, 
.post-template-default .comment-reply-title, 
.post-template-default .entry-wrap a
{
color:rgba(30, 46, 82, 0.91) !important;
}

Hope you are looking for something similar to this.

Thanks

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.