Different font sizes on pages question

Hi Petar,

1. I was wondering why the font size on the index page is different (smaller) than on post pages? Where I can increase the size to match the rest of the site.

With regards to this, there is a CSS in Appearance > Customize > Additional CSS changing the font-size of specific texts.

Removing this should set the font size to its default value. The same goes for other elements which is affected by other font-size codes in Appearance > Customize > Additional CSS.

One ideal way of changing Fonts globally is through Appearance > Customize > Typography instead of custom CSS: https://docs.generatepress.com/article/dynamic-typography-overview/

2. How to ensure all thumbnails on site are of the same size? At the moment some are smaller while some are bigger.

Here is a CSS you may try to force images to have the same height:

.site-main img.wp-post-image {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

Kindly replace 200 with you preferred value. Add this in Appearance > Customize > Additional CSS.

3. Where to increase emtpy space between border and content on index page?

You also have a custom CSS in Additional CSS for this space: https://share.getcloudapp.com/GGul2qPR

Try changing its value.

4. Same as #2 above, how to ensure same size thumbs in post sidebar in latest articles section?

Here is a CSS you may try:

.inside-right-sidebar #recent-posts-widget-with-thumbnails-2 img.wp-post-image {
    height: 100px;
    width: 100%;
    object-fit: cover;
}

Hope this helps! Kindly let us know how it goes. :)

private updated.

1. This is the specific code in Appearance > Customize > Additional CSS: https://share.getcloudapp.com/X6uE0jdJ. The issue with regards to Appearance > Customize > Typography not working as it should is because of the custom code modifying the font-size as well.

2. Try this instead:

.site-main article.post:not(:first-child) img.wp-post-image {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

3. Try either of these two instead and see which works:

.site-main article.post .inside-article .entry-summary, .site-main article.post .inside-article .entry-header {
    padding-left: 10px;
    padding-right: 0px;
}

or

.site-main article.post .inside-article .entry-summary {
    padding-left: 10px;
    padding-right: 0px;
}

Kindly replace 10 and 0 with your preferred values.

Hope this helps! :)

all good!

Glad that worked, Petar! Feel free to reach out anytime you’ll need assistance with anything else. :)