Jump to content

moving box?

Recommended Posts

Hello, I would like to make some changes to foundation.
I left the two boxes (recommended products and popular product)
I would like to recommend products to the left and remove popular product.
I've found to remove popular product. but I do not understand how to put the box on the left recommend product.
you have a track ?.

Link to comment
Share on other sites

There are three ways to do this:
1. Edit the code and swap the order of the div blocks
2. Edit the code and add Foundation class-words to make the blocks appear to have swapped positions
3. Create a javascript file to addClass() to the blocks to implement #2.


Link to comment
Share on other sites

Hello, I managed to put the boxes left by changing the code below into foundation.css
Chosee strange I put right instead of left and put the boxes to the left.

good on the home page that suit me.

by against the problem is when consulting products. box 'product recommendations is also left .. (is it possible to deliver it to the right?) only in that part.

but the add to cart button is also on the left, and I will love remaining right of the image of my product.


  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: Right; }

in fact this is what I try to do on my homepage.
the first image corresponds to the current layout (the proportions are not good but it looks like I have)


1 - Logo 2-search box 3-the menu with the choice of categories 4-Homepage 5-the recommended products 6-a guestbook 7-Products on Sale

and I want to change so that it looks like this.


1-3 does not change 4-Homepage 5-the recommended products 6 disappear (I can do) 7 a guestbook (7 I think knowledge)

sorry for my long message


Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...