Hello,
I am currently playing around with one of the new PRO themes, I really like the way the boxed layout with the background looks, however, the white box is just a little too wide for my liking. I am trying to figure out how to make it a little narrower but I am having no luck.
I also would like to center all the content and images by default, I have managed to center all the text by changing the h align setting to center: http://prntscr.com/rutwaz however, this does not change the images to align center too.
Please see the following picture to help you understand what I exactly want: http://prntscr.com/rutu9q
And one last thing is the gap in the following picture: http://prntscr.com/rutyg6
Do you have any idea how I can make it smaller?
Thanks for all the help,
Regards,
Dan
Hello !
In posts you will have to do it using the post editor Gutenberg or classic editor. For the gap please provide a link to your website so we can take a look at what can be done.
Thank you !
Hello,
When you say I have to do it in the post editor, are you referring to centering my images? If so, are you sure there is no automatic way I can center all the images by default?
MY website URL is: https://gadgetgang.com/
Please show me how to change the width of the boxed layout along with the space at the top.
Thanks,
Regards,
Dan
Hello !
I mean that IN posts you will have to edit the posts not the post layout.
For the top space you can use this css code: }
.td-boxed-layout .td-container-wrap.td-main-page-wrap {
overflow: hidden;
margin-top: -33px;
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hello,
Thank you for the code, however, it’s not fully working.
The code given works but only for the homepage, I need this to work sitewide.
I also need to change the width of the boxed layout, please can you assist me with this.
http://prntscr.com/rw3go8
Thanks.
Hi,
Please replace the above css with this one
.td-main-content-wrap {
overflow: hidden;
margin-top: -33px!important;
}
This will apply on entire website.
Let em know the results!
Thank you!
Thanks for that Calin, that done the trick, however, nobody has still managed to help with resizing the width of the boxed layout, can you help me with that?
Thanks
Regards,
Dan
Hi,
The best way to do this is to use tagDiv Composer, edit the pages and and cloud templates, select the row and check the row stretch -> https://i.imgur.com/pu22oKv.png after that go in css tab and set the width you want to have on your row and set margin left and right auto -> https://i.imgur.com/28Kcbzh.png
It can work with custom css to, but you need to cover all the elements from the theme that have set the width in px.
Hope this will help you!
Thank you!
Hello,
Thanks for the reply Calin, however, is there not some sort of code I can use to change the width of the site?
Something similar to the one we used to remove some of the padding at the top?
Thanks.
Hi,
I think that is possible to create a custom css, but if is not apply on the right elements, then you site can have a broken layout, therefore this is not indicate.
Thank you for your understanding!
