Return to previous page

How to MInimize Font Size (add to chart) and (name of product) at Mobil Display

This topic has 12 replies, 2 voices, and was last updated 6 years, 9 months ago ago by Rose Tyler

yohantosadu

Participant

February 5, 2018 at 07:47

How to MInimize Font Size (add to chart) and (name of product) at Mobil Display (responsive)

iam attacch 2 picture

#183882 Copied Theme version: Legendav 3.5.1 WooCommerce version: Version 4.9.2

11 Answers

Rose Tyler

Support staff

February 5, 2018 at 10:37

Hello,

I do not see images. You may use such screenshot maker as Lightshot and provide screenshot link in Private Content.

Regards

#183927 Copied

yohantosadu

Participant

February 5, 2018 at 11:02

okay, link on private content

Please, contact administrator
for this information.

#183937 Copied Theme version: Legendav 3.5.1 WooCommerce version: Version 4.9.2
Rose Tyler

Support staff

February 5, 2018 at 13:10
Hello,

You may add this code in custom.css file of parent theme or in style.css file of child theme:
```
@media (max-width: 480px){
    .slide-item .product .add-to-container a, .products-grid .product .add-to-container a {
        font-size: 10px;
    }
    .slide-item .product .add-to-container, .products-grid .product .add-to-container {
        padding-left: 0;
        padding-right: 0;
    }
    .slide-item .product .product-name, .products-grid .product .product-name {
        font-size: 12px;
        margin-left: 0;
        margin-right: 0;
    }
}
```
Regards
#183956 Copied
yohantosadu

Participant

February 5, 2018 at 16:30

whwther steps like the following pictures..?
enable custome css dan paste code in default.custom.css (via cpanel) ?

Please, contact administrator
for this information.

#183998 Copied

Rose Tyler

Support staff

February 5, 2018 at 16:55

You should rename the default.custom.css file to custom.css
https://www.youtube.com/watch?v=Qok2zRedRMY.

Regards

#184009 Copied

yohantosadu

Participant

February 5, 2018 at 17:16

okaya, it works, and How to MInimize Font Size (NEW PRODUCT) in mobile display (responsive)
like picure below

Please, contact administrator
for this information.

#184013 Copied
Rose Tyler

Support staff

February 6, 2018 at 10:08
Hello,

Please change the previous code to this one:
```
@media only screen and (max-width: 480px) {
    .slide-item .product .add-to-container a, .products-grid .product .add-to-container a {
        font-size: 10px;
    }
    .slide-item .product .add-to-container, .products-grid .product .add-to-container {
        padding-left: 0;
        padding-right: 0;
    }
    .slide-item .product .product-name, .products-grid .product .product-name {
        font-size: 12px;
        margin-left: 0;
        margin-right: 0;
    }
   .home h2.title {
       font-size: 1.5rem;
    }
}
```
Regards
#184069 Copied
yohantosadu

Participant

February 6, 2018 at 10:17

Is there a way to align the “price label” and N “Add to Cart” or “Select Options” buttons on the shop pages? When the product names are different lengths, or some products have reviews and some don’t, the buttons are misaligned. ??

like pictures below

Please, contact administrator
for this information.

#184072 Copied Theme version: Legendav 3.5.1 WooCommerce version: Version 4.9.2

Rose Tyler

Support staff

February 6, 2018 at 10:28

Please read this topic https://www.8theme.com/topic/how-to-add-to-cart-and-price-label-to-parallel/

Regards

#184078 Copied

yohantosadu

Participant

February 6, 2018 at 10:31

oh oke, problem solved, thank you. 😀

#184081 Copied

Rose Tyler

Support staff

February 6, 2018 at 10:36

You’re welcome!

Regards

#184083 Copied
Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘How to MInimize Font Size (add to chart) and (name of product) at Mobil Display’' has been successfully resolved, and the topic is now closed for further responses

How to MInimize Font Size (add to chart) and (name of product) at Mobil Display

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection