• 0
Sign in to follow this  
Followers 0

How to remove space between 2 Column Horizontal?


Question

Posted · Report post

How to remove space  between 2 Column Horizontal? 

 

Here the Image have space between them

Image

 

This is Remove the space between the 2 column

 

Image

 

Thank you for any kind of advice

 

 

Share this post


Link to post
Share on other sites

10 answers to this question

  • 0

Posted · Report post

Use this:
 

#plcolumnc644fd, #plcolumnc64520 {
margin-left: 0;
}

However, additional style may be required. If this is the case, I recommend you use Chromes web dev tools and inspect the elements you wish to customize.

Also, create an account on Code School, they provide a free course which introduces you to Chromes web dev tools, the course itself is quite awesome.

 

http://www.codeschool.com/courses/discover-devtools

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Really what you are wanting to do is remove the gutters between columns.   That is done with margin and padding.

 

Without looking at your actual site, I believe this is what you want:

 

body .pl-area .pl-section .pl-section > .pl-section-pad { padding: 0px;}

.editor-row > [class*="span"] {margin-left: 0px;}

Drop that into your custom CSS and it should be good.  If you have further problems, please link to your site.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thank you so much SteveS for your input. your code works amazing.  but i don't want just in editor. i want live view as well.

 

i using locahost now. maybe tomorrow i will try deploy to live. before that may i know is there, any other CSS code for me to try?

 

sorry for the poor English.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Your English is fine.

 

If you put SteveS' code in Custom Code, then publish, you can see it live.  If you don't like it, just remove the code and publish without it.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Sorry for the misunderstand. 

 

i mean visitor come my site, won't see space  in between of 2 Column Horizontal. 

 

What is the code for it?

 

Here is the image

 

Thank you!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thank you so much for help in the forum Rob and SteveS. 
 
May i know how can i control LEFT and RIGHT of Margin and padding of Textbox or Mediabox.  By using CSS.
 
 
Thank you  & Sorry for the bad english 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

For the horizontal space between the rows, you should be able to put this,

margin-bottom: 10px; margin-top:0px;

in with the original 

body .pl-area .pl-section .pl-section > .pl-section-pad { padding: 0px;}

 to obtain this combined code: 

body .pl-area .pl-section .pl-section > .pl-section-pad { padding: 0px; margin-top: 0px; margin-bottom: 0px;}

Does that help you?  Don't for get just to refresh, but to also publish so that it'll be live for visitors to the site once you put it on a live domain.

If you still have problem, wait until you get it on the live host and send us a link so that we can trouble shoot it.

 

Best,

Stev

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Sorry for the trouble. But it still no work as i expected. 

 

This is website link 

--i want media boxes to join together

 

This is what i want to achieve Image link

-- this is end result of media box joining together.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thank you so much Ninja is works.  it works.  Thank you for the effort SteveS and Smart egg.

:D

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Np, happy to help.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0