remove space between columns and increase column width – Themeco Community

remove space between columns and increase column width

Fabio P — Mon, 27 Jan 2014 14:30:36 +0000

Hello,
I’m trying to modify my 4 columns layout removing the space between columns but at the same time incresing the default width of the column to fit all the space available (same size of the header).
I already created a custom css class and I removed the space between columns but at the moment I cannot understand how to fit the width of the columns.
Thank you in advance for your support

Reply To: remove space between columns and increase column width

Kory — Mon, 27 Jan 2014 20:43:25 +0000

Hey Fabio,

Could you send us a link to your site and point out the specific areas you’re trying to update so we can provide you with some CSS?

Thanks!

Reply To: remove space between columns and increase column width

Fabio P — Tue, 28 Jan 2014 16:31:15 +0000

Hi, my website is wp.skipasslivigno.com.

I want to reduce the space between columns.

Reply To: remove space between columns and increase column width

Kory — Wed, 29 Jan 2014 00:09:20 +0000

Try the following:

.x-column.one-fourth-no-spacing {
  width: 25%;
  margin: 0;
}

Thanks!

Reply To: remove space between columns and increase column width

Fabio P — Wed, 29 Jan 2014 14:15:48 +0000

Hi, found the following solution (hope this will be usefull for others), to keep some distance between the columns but less than standard.

In the CSS of my page I inserted:

.x-column.one-fourth-no-spacing {
  width: 24.1%;
  margin-right: 1.2%;
}

@media (max-width: 767px) {
  .x-column.one-fourth-no-spacing {
    width: 100%;
    margin-right: 0%;
  }
}

For the last column I inserted margin-right: 0; into the style input.

Seems to work well.

Fabio

Reply To: remove space between columns and increase column width

Kory — Wed, 29 Jan 2014 18:38:18 +0000

Glad to know that everything is in order now, Fabio. 🙂

Reply To: remove space between columns and increase column width

Felipe R — Mon, 17 Feb 2014 20:15:39 +0000

Hello guys,

I want to do this(remove the space between columns): http://olimpico.tuweb365.com/wp-content/uploads/2014/02/eliminate-space.png
and this is the website: http://olimpico.tuweb365.com/

How can I do this?

Reply To: remove space between columns and increase column width

Kory — Tue, 18 Feb 2014 01:28:00 +0000

Hey Filipe,

Thanks for writing in! The information above can be used on any column layout, you’ll simply need to implement your own classes and ensure the percentages are setup correctly.

Thanks!

Reply To: remove space between columns and increase column width

Ashley H — Tue, 11 Mar 2014 19:49:37 +0000

How would this work with the columns within a content band? Where can I find out what they are called? Basically, I want 20px of blank space between the two columns in the content band.

http://66.147.244.95/~southhd8/new_website/gallery/yosemite2/

thanks,
Ashley

Reply To: remove space between columns and increase column width

Christian — Wed, 12 Mar 2014 12:12:28 +0000

Hey Ashley,

We’re sorry but creating your own classes falls beyond our scope of support.