Reduce font size of vendor name on mobile

Solved
gloriabasset
Excursionist
14 0 9

Hello,

is it possible to reduce the size of the font of the vendor name, on collection pages and other parts where product grids appear (like recommended products and collections on homepage), but only on the mobile version of the site?

Schermata 2021-06-22 alle 13.27.22.png

 

Theme is Capital.

Password: eamats

 

Thank you very much!

Gloria Basset

 

 

dmwwebartisan
Shopify Partner
7278 1717 2286

@gloriabasset 

Please add the following code at the bottom of your CSS file.

.tb-grid-view-item__vendor{
font-size:14px !important;
}

In the above code, you can increase or decrease the font size as per your need.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
gloriabasset
Excursionist
14 0 9

Hello! It works, but i need it only on the mobile version, not on desktop. 

Is there any specific code for that?

Thank you

dmwwebartisan
Shopify Partner
7278 1717 2286

@gloriabasset 

Please remove the previous code and add this new one which works for only mobile.

@media only screen and (max-width: 768px){
.tb-grid-view-item__vendor{
font-size:14px !important;
}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
gloriabasset
Excursionist
14 0 9

It worked, thank you very much!!

Can you also tell me the code to edit the size of the vendor name on the "you may also like" products (they are shown on the bottom of a product page) and I have also a few collections with products in the homepage, with the text that is shown on hover when you mouse over them:

 

Schermata 2021-07-14 alle 10.48.58.pngSchermata 2021-07-14 alle 10.47.07.png

 

Thank you very much!

Gloria

dmwwebartisan
Shopify Partner
7278 1717 2286

This is an accepted solution.

@gloriabasset 

Please add this code for the home page and product page.

.product-item-brand a{
font-size: 13px !important;
}

You can change the font size as per your need.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
gloriabasset
Excursionist
14 0 9

Thank you very much!! It worked