Width blog post

Hello,
I’m new to X and took over control over an excisting website: www.privacyopschool.nl
I made a new post: https://www.privacyopschool.nl/webinar/
On this page I would like to show a youtube live stream.
I can’t figure out how to adjust the width of the comments section below. The comments are full width now and stuck to the sides, I would like the comments to be in grid.
Can you help me out? Probably it’s just one checkbox but I can’t find it.
Thanks in advance!
Hidde

Hi Hidde,

To adjust the width of comment section, please add this custom CSS under Theme Options > CSS:

.x-comments-area {
    max-width: 1200px;
    width: 88%;
    margin: 0 auto;
}

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.