WIdth of text changed after upgrade

  • I have been setting up a site and got the width of the text (paragraphs and tables) the way I wanted it. I am using the twenty twenty-two theme. Today my hosting service had a notice that I could upgrade to WordPress 6.0, so I did.
    I don’t know if it’s something I did or if there is a problem with the upgrade. I wanted the paragraphs to be as wide as possible, but they are now about half the screen width, and are narrower than the navigation bar at the top of the page. All my pages did the same thing at the same time, so I wonder if I did something that broke the theme?

    Can somebody please tell me how to get the paragraph and table width back to the wide option?
    Thanks!

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Varshil

    (@varshil151189)

    Hi,

    Change the max-width css from 650px, 1000px, etc… to 100%.

    Thread Starter prentice1024

    (@prentice1024)

    I don’t know how to do that. I clicked on the header and I see a box that says “Additional CSS class(es)”. How do I put it in? I need the exact syntax.
    Thanks for the response.

    Thread Starter prentice1024

    (@prentice1024)

    I looked up the syntax and tried attaching it to the header and to individual paragraphs. I think something changed in the header template. Maybe I should just create a new header from scratch and see if that works?

    Varshil

    (@varshil151189)

    Hi @prentice1024

    Add / Change below CSS in your CSS file:

    .wp-container-5 > .alignwide,
.wp-container-17 > .alignwide
{
	max-width: 100%;
}

.wp-container-7 > :where(:not(.alignleft):not(.alignright)),
.wp-container-11 > :where(:not(.alignleft):not(.alignright)),
.wp-container-13 > :where(:not(.alignleft):not(.alignright)), 
.wp-container-14 > :where(:not(.alignleft):not(.alignright))
{
	max-width: 100%;
}

.wp-block-media-text__media img, .wp-block-media-text__media video{
	width: auto;
}
    Thread Starter prentice1024

    (@prentice1024)

    I tried putting this in on the home page (“edit site” link) in the header in the CSS box, also in the CSS box for the text, but it didn’t make any difference.

    I then went into one of the child pages and put this in the CSS box for the text, but it didn’t make any difference either.

    Is there some special place I am supposed to put this CSS text?

    Thanks for the suggestions.

    You have to access the Customize page which has been hidden in Twenty twenty two for some unfathomable reason – go to your site admin and add customize.php to the URL:
    https://mywordpresssite.co.uk/wp-admin/customize.php

    Or look at the advanced tab for your text and add class “alignwide” to additional CSS

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘WIdth of text changed after upgrade’ is closed to new replies.