Close Margin btw columns

Posted in: Newspaper
Post count: 186

Please how do i close the margin between two columns as shown on this arrows

http://nigerianpilot.com/wp-content/uploads/2016/01/close-gap-1.jpg

Post count: 22421

Hello,

Modifying the width of the website is not a good idea as all the elements depend on the fixed width layout of the theme. If you bring the 2 columns together, then other elements may break. We do not recommend changing the width of the theme. If you truly need to change the width please do so on your own risk but keep the modification in mind if other css problems come up along the way. I cannot provide a solution for it as when you try to reduce the margins and padding, the layout already breaks. You will need to hire a freelancer to help you out on this one as it will be no easy task.

Thank you!

Post count: 186

I dont mean the entire theme width, i just want some column to be be wider than some , as you can see the in the image it has a lot of space them.

for instance column 1 has 45% column 2 has 25% column 3 has 30% all when am using the visual composer

http://nigerianpilot.com/wp-content/uploads/2016/01/close-gap-1.jpg

Post count: 22421

Hello,

In fact they all have 33.3% of the screen width. Please try it out on your own and see what i mean. Every block has a left and right padding of 24 pixels. If you remove this padding…try it out and see for yourself:
.td-pb-row [class*="td-pb-span"]{
padding-left:5px!important;
padding-right:5px!important;
}

This code removes the padding from the blocks. But it will not work properly as you expect. It is more complicated then reducing a few margins and padding.

Thank you!

Post count: 186

Fine i have seen the margin is been closed, so how do i make one columns wider that other one.
i want to have the widger area 300px for ad, the other 160px ad, then remaining on for news

as seen here http://nigerianpilot.com/wp-content/uploads/2016/01/sample.jpg

Post count: 22421

Hello,

Unfortunately we cannot provide custom code for site width. It breasks the layout as i explained above so you will have to do it on your own risk. If you cannot manage to do it, you will need to hire a freelancer to help you out on this one. You can hire one from studio.envato.com

Thank you!

Post count: 186

Every block has a left and right padding of 24 pixels.

Just like you said, what if i make it 8 px both left & right will there be an issue. ?

if its possible how do i change the padding to that figure

Post count: 22421

Hi,

Try it out and see. I have provided the css code above if you want to test this, but it will not work as you expect. There will be other elements that break as our theme and all it’s elements need the fixed width on which it was built.
If you really want to have some elements full width, why not create them like so in visual composer: http://screencast.com/t/CfU141YH99 and remove the sidebar. You can add elements to a 2/3 + 1/3 layout to look exactly like a sidebar.

Thank you!

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newspaper’ is closed to new topics and replies.