• 0
Sign in to follow this  
Followers 0

customizing columns


Question

Posted · Report post

Hi, 

 

Because of the twitter that doesn't work in the morefoot area i had to put the designlayout in columns, but now it is hard to have the right space between the blocks on my homepage. The homepage is varies in different browser. On my Ipad on safari some stick the the block above, while in the Ipad chrome browser the look like I want them to look. Before with my boxes on the homepage the negative margins looks much better than now with the columns.

 

Any idea how to solve this or have better margins between the columns.

 

Kind regards

Share this post


Link to post
Share on other sites

5 answers to this question

  • 0

Posted · Report post

Hi,

 

Can you provide a link to your site please.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Danny,

 

I thought you could see it on my member information, but herewith www.baeno.nl it also doesn't load so pretty anymore like with the boxes, but that is a small issue.

 

Kind regards

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Yeah I could see that, but sometimes users are referring to a completely different website.

 

Basically, your issue is related to your custom CSS and class(es) you have added to your Grid HTML. Please be aware we are unable to provide support to user created code.

 

If you want to customize the grid and keep it in proportion, you would probably want to remove the homebox div, as I am not entirely sure what that is doing and add a custom div after each span4 div or add a custom class to that the span4 div.

For example.

 

<div class="row">
<div class="span4 custom-class">
...
</div>
<div class="span4 custom-class">
...
</div>
<div class="span4 custom-class">
...
</div>
</div>

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Danny,

 

I created the homebox div to have the exact margins of the morefooter widgets, this is the .homebox {margin-left: -15pxpadding-top: 15pxwidth: 108%;}.

 

In my topic I do mean the bottom margins of the first colomn "Wat doet BA&O" relative to the "Agenda" widget and the second colomn "Nieuws" relative to the "Aanmelden nieuwsbrief". Now I do this with negative margins, just like i did it before with boxes on the homepage.

 

With the boxes the negative margings always works fine and I could create the exact margin I wanted to have between the boxes, with the columns now it varies. 

 

Kind regards

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Probably because the columns are responsive, and boxes were fixed percentages.  If you added custom code for boxes to set padding/margins, etc, I'm sure it worked, but with responsive design, your content will wrap according to the way its length, and will keep the visible content looking like the padding/margins are wide one place, narrow in another. 

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