[Resolved] How can I control the size of title under image. ?

[Kay]

Hi,

Where Can I control the size of the title as a red circle below the link;

https://paste.pics/9e6fcf8b77c64f872d62dcb16fe99bab

I tried a lot by myself, but too many other things changed.

Thank you.

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

[Kay]

Hi,

I attached the link below;

https://www.realtycontents.com/

On-screen, you can see that each post has images and they have title under image, so I need little size down, change font of title.

Ex) Under FEATURED ARTICLE, “부동산/모기지 소식, 11월 첫째주” => I need to adjuse this title.

Please teach me how I can control. thank you.

[Elvin]

Hi Kay,

To clarify: You want to change the size of the one on the featured article only?

If so, try this CSS:

#wpsp-2048 h2.wp-show-posts-entry-title {
    font-size: 20px;
}

Reduce/increase the value in font-size: 20px; to your preference.

[Kay]

Hi Elvin,

Sorry, I need to adjust both FEATURED and LATEST ARTICLES, please let me know CSS for both.

Thank you. ^^

[Elvin]

Sorry, I need to adjust both FEATURED and LATEST ARTICLES, please let me know CSS for both.

This selector applies to all of the WPSP list on your site:

.wp-show-posts-entry-title {
    font-size: 20px;
}

If you want the setting to apply to featured and latest articles only, try this:

#wpsp-2048 .wp-show-posts-entry-title, #wpsp-1987 .wp-show-posts-entry-title {
    font-size: 20px;
}

[Kay]

Hi Elvin,

It was work well so thank you a lot, but I realized to need to adjust font style, Bold and location(as center, left or right) after changed font size. Please teach me about that and sorry I made you more work on a similar issue.

Thank you.

[Elvin]

It was work well so thank you a lot, but I realized to need to adjust font style, Bold and location(as center, left or right) after changed font size. Please teach me about that and sorry I made you more work on a similar issue.

You can add more properties to the selector.

For font style, you can use font-style: value;

For location, did you mean text alignment? if so, you can use text-align: value;

For “Bold”, i believe you meant font-weight? if so, you can use font-weight: bold;

Example:

.wp-show-posts-entry-title {
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
}

Reference:
Font style – https://www.w3schools.com/cssref/pr_font_font-style.asp
Font weight – https://www.w3schools.com/cssref/pr_font_weight.asp
Text alignment – https://www.w3schools.com/cssref/pr_text_text-align.asp

[Kay]

Thank you, it helps me a lot and I learn again.

Also How about the fonts(as date and site name) on posting, both of FEATURED and LATEST ARTICLES?

Right now, that fonts located on life side, so want to locate on right side.

Can you help me about that? Thank you.

[Elvin]

Try adding this:

.wp-show-posts-entry-meta.wp-show-posts-entry-meta-below-title.post-meta-inline {
    text-align: right;
}

[Kay]

Thank you Elvin,

How about the category to remove,

for example, you can see as “부동산이야기|November 5, 2020|Uncategorized” on LASTEST ARTICLES.

-> I like to remove ‘uncategorized’

I removed the category on FEATURED ARTICLE but I can not find where is to remove the category on LASTEST ARTICLE.

Thank you for all your tip!!!

[Elvin]

Dashboard > WP Show Posts > Select the Latest Article list.

You then go to Meta settings and Uncheck “Include terms”

[Kay]

Hi Elvin,

I appreciate what you help me, now much better.

Take care! Thanks.

[Elvin]

I appreciate what you help me, now much better.

Take care! Thanks.

No problem. Glad to be of any help.

[Author]

Posts