Post width for full width

Hello,

Sorry but the theme width cannot be adjusted. It is fixed in our theme and there is no simple method to alter it. Our theme elements depend on the fixed width. Changing the width will mean adjusting all of the theme elements to the new width.

Thank you!

Hi,

Sorry for the misunderstanding. You can use the text padding option
– https://www.screencast.com/t/xPSjD8VIghgK
That is how you can control the post width, through that padding option.

Thanks

Hi,

The paragraph padding adds a class to all the elements which you select to have such padding
– https://www.screencast.com/t/3uV4KbJccCv
– https://www.screencast.com/t/itP48xvqf
Everything inside it, like paragraphs and headings will be be aligned accordingly.
You could manually apply this padding, depending on what you have in the post content, the padding has to be applied for each.
A code like this will affect all paragraphs and h3 in a post example
– https://www.screencast.com/t/EiVBQ7KGJIO8

.td-post-content p,
.td-post-content h3 {
padding-left:4%;
padding-right:4%;
}

For a page it would be like this

.td-page-content p,
.td-page-content h3 {
padding-left:4%;
padding-right:4%;
}

You can modify the padding values as you wish, and experiment further with the codes. Then enter them in Theme panel->Custom CSS.

Thanks

Hi,

It should not affect anything else. The post content class in the code is only used on posts, it will affect all posts. The same for page content entered in pages, through the MCE editor.

Thanks

Hi,

You need to add the mentioned classes before each element so the padding applies only in those circumstances, like this

.td-post-content p,
.td-post-content h1,
.td-post-content h2,
.td-post-content h3,
.td-post-content h4 {
padding-left:4%;
padding-right:4%;
}

Experiment with this code further and it should work properly.

Thanks

Hi,

That code should work, it seems to do so when it is applied on the post you mention
– https://www.screencast.com/t/Ij7j4Qkj0
It is working for the ordered list but not for the other list form what I can see. That is because a missing comma in the code
– https://www.screencast.com/t/Z1GbylOuk

Thanks

Hi,

It should work on page as well, for page content entered through the MCE editor
– https://www.screencast.com/t/MqHDs80k
– https://www.screencast.com/t/VSnP5QxeqD4C

Thanks

Hi,

You could make the code apply on pages that do not have a sidebar. Something like this should apply only for pages that use the full page (no sidebar)
– http://prntscr.com/hmd9l9
– http://prntscr.com/hmd94j
This is the code example used

.td-pb-span12 .td-page-content h1,
.td-pb-span12 .td-page-content h2,
.td-pb-span12 .td-page-content h3,
.td-pb-span12 .td-page-content h4,
.td-pb-span12 .td-page-content p {
padding-left:12%;
padding-right:12%;
}

Thanks

Hi,

Please check this topic https://forum.tagdiv.com/topic/full-width-ad-within-content-of-a-post-full-screen-width-when-container-is-1200/

Thank you!