Change width of the page content

If your theme doesn’t already come with a fullwidth page template, you can add this to your custom CSS to occupy the extra space:

/* Adjust Page Content Width */
.grid_16 {
    width: 960px;
}

Remember to clean/purge any caching that may be installed on your site, and refresh the browser to check if the CSS change has been applied.

No, it didn’t worked Bradon

Test this one:

/* Adjust Page Content Width */
.grid_16 {
    width: 960px !important;
}

Repeat this as well each time you make a change:

Clean/purge any caching that may be installed on your site, and refresh the browser to check if the CSS change has been applied.

If the one above doesn’t work, try this one:

/* Adjust Page Content Width */
.container_24 .grid_16 {
    width: 960px !important;
}

If none of the above work, there may be an issue with your child theme or something else entirely.

To see if that is the case, you can install the Simple Custom CSS plugin and see if the changes work when using that. (Once plugin is installed, go to Appearance > Custom CSS and add the code.)

Ohh great!!
Finally, It worked…. I was searching about the solution from past week and i did’nt got any result and finally you gave..
Solution was:
/* Adjust Page Content Width */
.grid_16 {
width: 960px !important;
}

Thanks a lot Dear!!

https://test.visalancers.com/about-us/
This the new link you can check the changes.

and once again thanx..:)

Glad it worked!

Now, I’ll just suggest you make a quick change. Replace the code you’re using with this one instead:

/* Adjust Page Content Width */
@media (min-width: 769px) {
	.grid_16 {
		width: 100% !important;
	}
}

That should prevent the content from trailing off the edge on mobile devices.