template width and side margin

Posted in: Newspaper
Post count: 30

Hello,
As you know i am using newspaper theme but there is a lot of unnecessary margin or padding on template and template width is also little extra then my needs so i wants to change it more like newsmag theme template width and padding . you can also take a look at goal.com template width please help me with that i wants my theme template width to be reduced and also unnecessary side padding if you go on my home page thespotkick.com there is a lot of unwanted side spacing it reduces the design look and feel of template so please help with that. and if i can make it more like goal.com template width and side spacing of content that would be great. i tried it on my own but could not succeeded. on goal.com that side-spacing reduction fill template with more content and that looks great.please help with that.

Post count: 22421

Hello manoj.yadav,

Unfortunately, removing the padding on every element in the theme is a tedious job. The theme was built this way in a grid style and the margins and padding changes for different screen sizes.
Doing this task involves a lot of custom work which unfortunately (at the moment) we cannot provide as we work hard on development, updates, fixes and support.
You can hire a developer for this custom job if you wish from sites like http://studio.envato.com/.

Thank you.

Post count: 30

hello,
can you give me some hints so i can do it on my own.

Post count: 30

Hello,
i used this css code in advanced custom css
.td-boxed-layout #td-outer-wrap {
margin-left: auto;
margin-right: auto;
width: 1130px;
}

my template width reduced i also tried on container wrap also reduced that and tried some other things also i was able to change the design but when i reduced container width some data of blocks scattered so how can i configure all blocks max and minimum width in advanced custom css. is it possible to configure block template layout using max and minimum width according to td-boxed-layout width customization.

Post count: 22421

Hello Manoj,

You will have to target every block and change the padding on it and also be careful about responsiveness. That’s why i said it was a difficult job to do. You can inspect every block in your browser inspector and modify it: http://screencast.com/t/Ng47nDC79http://screencast.com/t/Ffl6TvXdRvJ. Mind the containers the blocks are placed in. They will also need to be adjusted to your changes. You will practically change the whole site’s CSS because all elements are in relation to one another.
Unfortunately there is no easy way to do this task because the site was not meant to be customized like that.

Thank you.

Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.