Change product name & price on mobile homepage only.

I would love to reduce the size of the product titles and price on the Mobile homepage. I have already used code to reduce it on the product page for mobile but it doesn't seem to transfer across to the homepage.

https://www.peterotoole.ie

I'd like to Bold the titles for eg and reduce the size of both to match what I have done on the other pages of the site. Thanks a mill!

You can add this code to Website Tools (under Not Linked) > Custom CSS

@media screen and (max-width:767px) {
body.homepage .product-block * {
    font-size: 14px !important;
}
}

6 minutes ago, tuanphan said:

You can add this code to Website Tools (under Not Linked) > Custom CSS

@media screen and (max-width:767px) {
body.homepage .product-block * {
    font-size: 14px !important;
}
}

 

thanks for that!

I wanted to actually have a different size for the title and the price with the title bold. I wanted to match the screenshot below as much as possible. 

6 hours ago, tuanphan said:

Use this new code

@media screen and (max-width:767px) {
body.homepage .product-block .product-title {
    font-size: 20px !important;
}
body.homepage .product-block .product-price {
    font-size: 14px !important;
}
}

 

THANKS SO MUCH!!