Font Position & Size Changes

[Rama Devi]

Hi Bill,

1) Look at the Snapshot below (Desktop Version). I want to Increase the Gap between the Product Image, Product Name & Pricing. You gave me the below code earlier. Should I make any changes to this?

@media only screen and (min-width: 768px) {

ul.products li.product {
position: relative;
text-align: center;
padding-top: 50px !important;
}

ul.products li.product h3 {
font-size: 35px !important;
position: absolute;
top: 0;
width: 100%;
padding: 0 5px !important;
}

}

@media only screen and (max-width: 767px) {

ul.products li.product {
position: relative;
text-align: center;
padding-top: 50px !important;
}

ul.products li.product h3 {
font-size: 25px !important;
position: absolute;
top: 0;
width: 100%;
padding-left: 0;
padding-left: 0;
padding-bottom: 5px;
padding-top: 60px;
}

}

2) The product catalog is showing the Pricing range. Instead I just want to display one price ( Either the lower or the Higher). How should I do this? Also let me know the way to set the Pricing as ” Starting From xxx $ ”

3) Please look at the second snapshot below (mobile version). The font Size of the Pricing is tooo Big. How should I reduce this?

Attachments:

1. 

   Capture1.jpg
   

2. 

   IMG_97321.png
   

[Bill Robbins]

Please make separate topics for each question.

Thanks

[Author]

Posts