Change the width of a “normal” block

Hi, the answer of this question would also help me a lot.

This will widen normal text block (in <p> tag) from theme’s default 580px to the max width of 960px, change this number to your liking (for example if 960px is too wide, just use 900px or 840px or 720px).

.entry-content > p:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 960px;
}

Just copy and paste the code in Appearance > Customize > Additional CSS.

Hi @paulwp
Thank you very much, this works very well.
Is there also a way to adjust as well the lists, titles, images, blog and buttons so that everything is aligned left?
best regards,
Christine

Yes, it’s the same code but replace p with * (asterisk symbol)

or just copy this to use instead of that code

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 960px;
}

Great! thank you ??

dear @paulwp
I have another question: can I change the accent color by choosing a hex colour instead of the colour bar?

The idea has been discussed but not much going on yet, the point is they want this theme to calculate color contrast to pass the accessibility standard

you can see detail here
https://core.trac.www.ads-software.com/ticket/48679

On a sidenote:

The color picker thing in admin is great for end users to try thing out, but maybe it’s just my feeling that the UX is not very smooth. Chrome’s web dev tool has this color picker live preview that’s easier to work with. When I build website for my client, I would set whatever color just to trigger theme’s auto generated CSS, then view source on the front end to get that set of CSS selectors, then use that to assign color I want in Custom CSS or child theme’s CSS.

can I change the accent color by choosing a hex colour instead of the colour bar?

Here’s the answer you’re looking for: https://www.ads-software.com/support/topic/how-can-i-change-the-link-color-to-a-specific-hexcode/#post-12130660

@paulwp @macmanx many thanks for your explanation and the links with more information. Nice that accessibility standards are being integrated. I understand know how it works and why.
best regards, Chris

Thank you everyone for your help!

@paulwp That doesn’t work for wp-block-group.

What can be the alternative?

@paulwp thank you so much! it helps me a lot.

I have pasted .entry-content > p:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 960px;
}

This applied to some of my posts and not others. I think the difference is that the former were created with block editor and the latter with the classic. Is there a way to get the broader width across all my older posts?

thanks

gary

@paulwp Thank you — the width of the text was also an issue on my site. Your suggestion fixed it.

@paulwp, Tahnk you. That worked on my website too..