Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #8643

    Fabio P
    Participant

    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

    #8732

    Kory
    Keymaster

    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!

    #9034

    Fabio P
    Participant

    Hi, my website is wp.skipasslivigno.com.

    I want to reduce the space between columns.

    #9155

    Kory
    Keymaster

    Try the following:

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

    Thanks!

    #9318

    Fabio P
    Participant

    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

    #9366

    Kory
    Keymaster

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

    #15251

    Felipe R
    Participant

    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?

    #15329

    Kory
    Keymaster

    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!

    #22364

    Ashley H
    Participant

    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

    #22557

    Christian
    Moderator

    Hey Ashley,

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

    #757526

    canismundi
    Participant

    Hi , I found this post. I want to advertice something. If you click on the space betwen columns, just some options apears. It would be an implementation after this post. But I want to write, if it’s cool to someone. Bye

    #758214

    Rupok
    Member

    Thanks for sharing your thought @canismundi

    Cheers!