Column Backgrounds and borders (Solved)

[mrcoxrox]

Hello. I Changed my column background to white but it looks all messy. The borders overlap and the left hand column has a white block all the way to the footer.

 

Does anyone know how to adjust the borders so they line up correctly and how to remove that ugly white block that goes all the way to the footer?

 

My website is http://www.globecamping.com

 

Many thanks

Edited August 9, 2014 by mrcoxrox (see edit history)

[PascalVG]

Hmm, maybe try this:

 

Open file themes/<your theme folder>/css/global.css   (make back-up, just in case you don't like it...)

 

Add at the end add:

 

#left_column {background:#FFF;}

 

#center_column {

    background: #FFF;

    margin-top: 0px;

    padding-top: 25px;

}

 

@media (min-width: 768px) {

  #center_column {

      margin- left: -25px;   // !! N.B. Take out space between '-' and 'left'. forum editor removes full line when written together 8-[ ...

      padding-left: 25px;

  }

}

 

 

And try to find the following line  ( maybe spread over multiple lines) (also in global.css):

 

#columns { background: #FFF; }

 

and change it to:

 

#columns {}

 

 

Please also check very carefully if other pages still look good. Maybe we need to make some more changes...

 

 

Hope that does the trick.

Pascal

Edited August 9, 2014 by PascalVG
Line was removed by editor + responsive-change (see edit history)

[mrcoxrox]

Wow! Thank you for such detailed help. Worked just how i needed it.

[PascalVG]

Glad it worked. :-)

 

Please mark the tiopic title as solved (see my footer on how to do this)

 

Happy selling,

pascal