ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• October 20, 2015 at 9:09 am #221809
  Adore

  Member

  Post count: 61

  Hello!

  It seems that the products are not in line. This may be because the title is not equally long.

  See attachments for example of how the product items is not in line.

  Attachments:

  You must be logged in to view attached files.
  October 20, 2015 at 10:49 am #221834
  Adore

  Member

  Post count: 61

  It seems that the title determines how long the “box”/product item is gonna be? Therefor the uneveness happens?

  See new attachment

  I want the products too align properly so that all the product items are aligned with eachother. As it is now, it’s a mess, because of the length of the title

  Attachments:

  You must be logged in to view attached files.
  October 20, 2015 at 12:38 pm #221884
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the code below to your custom css option.

  .products .product.details-align-center .product-details {
       min-height: 150px!important;
  }

  Hope it helps.

  -Rui

  October 20, 2015 at 1:11 pm #221899
  Adore

  Member

  Post count: 61

  Hi, Rui!

  Thanks for the help! It worked for most of the product items.. but! (See attachment)

  Those with really long names still doesnt stay aligned with the others.

  If i increase from 150 to 250px, will that work?

  Attachments:

  You must be logged in to view attached files.
  October 20, 2015 at 1:20 pm #221904
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  yes it will. Give it a try.

  -Rui

  October 20, 2015 at 1:47 pm #221913
  Adore

  Member

  Post count: 61

  Thanks Rui!

  It worked to make it longer, but!

  1. How do i make it responsive?
  2. How do i ONLY make the text on the button we just edited too #fff (white) ?
  – So it says, “Kjøp” in white and not in black.

  October 20, 2015 at 9:26 pm #222037
  Adore

  Member

  Post count: 61

  Any luck on making the buttons responsive with the css code you suggested?

  October 21, 2015 at 11:21 pm #222360
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  1) What you mean exactly? can you provide me a specific example?
  Guess it will always need to have that minimum height.

  2)

  Add the code below to your custom css option

  .product-actions .add-to-cart-wrap span {
      color: #FFF!important;
  }

  -Rui

  October 22, 2015 at 8:55 am #222412
  Adore

  Member

  Post count: 61

  On mobile for instance the button “kjøp” are not responsive. The buttons go on top of eachother. Especially on mobile. Could you have a look at it, would be much appreciated.
  See attachment – We need imidiate help, we are releasing the website today, so any help would be good…

  Thanks for the 2.

  Attachments:

  You must be logged in to view attached files.
  October 22, 2015 at 9:17 am #222418
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  @media only screen and (max-width: 979px) {
  .products .product.buy-btn-visible > .product-actions .add-to-cart-wrap > a {
     width: 125px !important;
  }
  }
  

  Thanks
  Mohammad

  October 22, 2015 at 9:43 am #222425
  Adore

  Member

  Post count: 61

  Thanks mohammad!

  Much appreciated.

  October 22, 2015 at 10:14 am #222435
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Great. Thanks Mohammad.
  -Rui

• Back to forum

  Posted in: Atelier