Help: Issues with font size & alignment in Gutenberg for Blogs posts/page

Hello,

So I was annoyed at the default size and alignment in Gutenberg as its normal and large size are not the ones i want and it was extremely tedious to change each paragraph with a 19.2px size as I can’t select multiple blocks to change justify/font size…

So after some search, I realized I could apply some basic CSS in the customize panel of Astra theme (free version). It’s important to know I’m a newbie in that field and although I understand a tiny bit CSS, and did some significant internet search, you’ll have to treat me as a newbie 🙂 So here is my CSS:

/*Changes the size and alignement of Posts text*/

.type-post
p {text-align: justify;
font-size: 19.2px;
}
/*Changes the size and alignement of Lists in Post*/
li {text-align: justify;
font-size: 19.2px;
}
/*Changes the size and alignement of image caption text (TEst)*/
.wp-block-media-text 
 p {
	text-align: justify;
	font-size: 23px;}

I used the first instructions to change alignement & size on Blog post & page, and added one for a list block. Both worked great until I tried ot add column widgets for recent articles or search, as everything was the same size as the blog paragraph. I do understand why it happens but I’m not capable of fixing it…

The last one did not work. I was trying to change the text font size of the “Media & Text” block but since it’s by default on “Large Size”, it seems my CSS cannot override it. I believe it’s what happens in my issue above as none of the widgets have a default size setting, so they align on my code. Maybe? I know I can add CSS codes directly to each block but that would be a nightmare to do all of them…

Also, I have trying to find a way to add some spacing between each post on the blog page but, as you can guess, my CSS skills extremely basic…

In any case, help would be appreciated as I spent already hours trying to figure this out. Thanks in advance !

• This topic was modified 2 years, 6 months ago by saccageparis.

The page I need help with: [log in to see the link]