Removing gap between columns

  • Hi, I’m currently working on a site for my friend’s business.

    You can view it here: Lakes Liquid Screeds

    On the home page I have two columns and I cannot work out how to remove the spacing between them. To help you visualise: if you scroll to the bottom of the page you will see a blue bar (‘Areas we cover’) – I want to remove the gap between that and the side bar. I have been playing around with the padding/margin, but nothing seems to work.

    Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)

  • hi,

    maybe not the best solution, but try this.

    Add this to your stylesheet

    .clr.vcex-skin-default.column-dropshadow {
    width: 707px;
}
    Thread Starter Edowicz

    (@edowicz)

    Thanks for your reply, JR. That works perfectly when viewing the website on my laptop, however the fixed width means it is no longer responsive when viewed on my phone and stretches far out to the right.

    Are there any other options?

    Thanks again.

    Thread Starter Edowicz

    (@edowicz)

    Does anyone have any other ideas? I’m completely stuck.

    If possible, I would like this to effect all pages as at the moment it only seems to change the home page.

    hi sorry for the late answer.

    .clr.vcex-skin-default.column-dropshadow {
    width: 707px;
    max-width:100%;
}

    this does work:)

    hope it helps

    Thread Starter Edowicz

    (@edowicz)

    Hi, sorry I didn’t see your reply.

    This seems to revert the site back to exactly how it was originally (with the gap between the columns).

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Removing gap between columns’ is closed to new replies.