8Theme Equal Height on Products and 1 product column view on mobile

• 

  alejandro52

  |

  Participant

  | June 11, 2019 at 11:06 am

  Hello! In 8Theme widget product, I want to set the heights of the products to be equal because when i add a longer name the height changes.
  I also want to view 1 product per row on mobile

  Site URL: hidden

  Theme version: 5.1.6.1

  WooCommerce version: 3.6.4

  #215376 copied to clipboard
  

  Olga Barlow

  |

  Keymaster

  | June 11, 2019 at 3:09 pm

  Hello,

  Add the following code to Theme Options > Custom CSS to implement changes:

  /* ===== To make products 100% width for the mobile ===== */
  @media only screen and (max-width: 480px){
      .products-grid .product {
          width: 100%;
      }
  }
  /* ===== To limit title height ===== */
  .product_list_widget li .product-title a {
      height: 5ex;
      line-height: 2.5ex;
      overflow: hidden;
  }

  Regards

  #215384 copied to clipboard
  

  alejandro52

  |

  Participant

  | June 11, 2019 at 3:52 pm

  Thank you!! That css works perfect when i try it to chrome inspector.But now that I’ve added it to the Custom Css Page, the changes doesn’t appear. I tried to mark them as important but stll nothing changes.

  #215390 copied to clipboard
  

  Olga Barlow

  |

  Keymaster

  | June 11, 2019 at 4:22 pm

  Hello,

  We can’t tell you why it does not work for you without Dashboard access. Provide access to check.

  Regards

  #215391 copied to clipboard
  

  alejandro52

  |

  Participant

  | June 18, 2019 at 11:05 pm

  I attach the username and password in the private content area.

  

  Content is visible for topic creator and
  support staff only.

  #215801 copied to clipboard
  

  Rose Tyler

  |

  Keymaster

  | June 20, 2019 at 7:17 am

  Hello,

  Sorry for the delay in answering.
  Please change this code https://prnt.sc/o47hbn to:

  .product_list_widget li .product-title a,
  .products-grid .product-title a,
  .products-slider .product-title a {
      height: 5ex;
      line-height: 2.5ex;
      overflow: hidden;
  }

  Regards

  #215857 copied to clipboard
  

  alejandro52

  |

  Participant

  | June 20, 2019 at 9:37 am

  I attach the username and password in the private content area.

  

  Content is visible for topic creator and
  support staff only.

  #215871 copied to clipboard
  

  alejandro52

  |

  Participant

  | June 20, 2019 at 9:48 am

  Thank you! That seems to work fine!

  #215873 copied to clipboard
  

  Rose Tyler

  |

  Keymaster

  | June 20, 2019 at 9:53 am

  You’re welcome!
  Have a nice day.

  Regards

  #215875 copied to clipboard
Viewing 9 results
1 through 9 (of 9 total)