comments are not fitted to the page

Oh and I forgot to mention,I am using a child theme for a very long time, and I tracks’ new updates are not used on my site,so maybe that’s why those problems occured:/ ?
Thanks again.

Hi Cercet,

put this code to your Child Theme style.css file
OR
Install Simple Custom CSS plugin and put the code there.
I’m doing this on my browser to find solution.
It can get to some different behavior on your site.
It can happen that it is not working.
Then we have to look further.

section#comments {
    padding: 0;
}

or

section#comments {
    padding: 0!important;
}

Cheers
TR

Hi Ceren,

It looks like these styling conflicts are coming from the following CSS addition:

* {
  -moz-box-sizing: inherit !important;
  box-sizing: inherit !important;
}

This is coming from the Feedburner follow me plugin. It’s a bit crazy because it’s completely changing the way spacing is handled with CSS across the whole site instead of just the form it adds. That’s what is messing up the layout.

If you add the following CSS to the Custom CSS section in the Customizer, you should be able to override this and return the layout to normal:

* {
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

Hi,

Tahoe Rock, your code solved my problem about the comment section,thank you for that:)
and thank you Ben, for your kind help:)
And do you have any suggestions about my other problem? The one related with categories and tags?

Thanks
Ceren.

Yea the issue is coming from the Feedburner Follow Me plugin. You can deactivate that plugin to fix it, or alternatively, add the CSS above to the Custom CSS section in the Customizer (Appearance > Customize).

Hi Cercet,
First try to deactivate plugins to find out that some plugin is causing this messy behavior.
Then activate plugins one by one.

If this does not help then:
put this code to your Child Theme style.css file
OR
Install Simple Custom CSS plugin and put the code there.
I’m doing this on my browser to find solution.
It can get to some different behavior on your site.
It can happen that it is not working.
Then we have to look further.

(choose which you like more, and you can change 50px to any No.)

1)

.entry-container {
    margin: 0px 50px;
}

or

.entry-container {
    margin: 0px 50px!important;
}

OR

2)

.entry-content {
    padding: 0px 50px;
}

or

.entry-content {
    padding: 0px 50px!important;
}

Hope I was helpful.
Feel free to ask in the future.
Cheers
TR