Archived topic
changing title size in wpshow post
3 replies · Started by mmarvel on January 22, 2018
Hi
I'm using WP Show posts with my Generate Press site. There are 3 different wp show posts.
1) popular posts for my main home page w/ category "popular",
2) all show posts on my blog page w/ the category "news" and
3) show post "title only" w/ category "recent".
I want to put item 3 on the bottom of each blog page right after the line like "latest or related news:". That lets me auto add internal links to each post for recent or related articles and boost my SEO.
I can quickly change the post links in show post "title only" at the bottom of blog pages by changing which posts have category "recent" and I don't have to go to each post to do that.
My issue is that I can't modify the title font size between 3 different wp show posts.
The wp show posts isn't using the Content> Title element tag (p,h1-h6) and correcting for the font-size. I tried this with some success but can't distinguish between the 3 show posts.
body wpsp1836.wp-show-posts .wp-show-posts-entry-title
{
font-size: 14px;
line-height: 1.3em;
margin: 0;
}
.wp-show-posts .wp-show-posts-entry-title
{
font-size: 20px;
line-height: 1.3em;
margin: 0;
}
body .wp-show-posts .wp-show-posts-entry-title a {
font-size: 20px;
margin: 0px;
padding: 0px;
}
Any suggestion welcome. I'm very close to making it work and can't get that last css correct.
Thanks. Martha
Hi there,
Sorry which one isn't working?
Can you guide me to the specific element on that page?
Hi Leo
I was using something like this at the bottom of each post page
[wp_show_posts id="1836"]
and then CSS
body wpsp1836.wp-show-posts .wp-show-posts-entry-title
{ font-size: 10px; <<<< wanted to change the 1836 shortcode to 10px but didn't work
line-height: 1.3em;
margin: 0;}
.wp-show-posts .wp-show-posts-entry-title <<< does modify the titles to 20px for all wp showpost shortcode
{ font-size: 20px;
line-height: 1.3em;
margin: 0;}
body .wp-show-posts .wp-show-posts-entry-title a {
font-size: 20px;
margin: 0px;
padding: 0px;}
I've actually found a simply plugin (display posts) shortcode that does exactly what i need for a post listing so you can close this ticket.
Thanks, Martha
Glad you figured out!