Return to previous page

Single Product Page CHANGE Style (font, size, colour)

This topic has 4 replies, 2 voices, and was last updated 8 years, 10 months ago ago by Eva Kemp

ctrimde

Participant

May 30, 2015 at 15:44

Hello,

could you please help me to style my “Single product Page”

http://lecity.org/shop/watches/rare-graham-vintage-silver-stowe-watch-58-off-2/

I would like to change:

1)make “Product Information” bold
2)change Font size, color, font type of
a)”Product short description”
b)”In Stock”
3) Style the ADD TO CART BUTTON (size, background colour, Font Coulor, Font type)
4) Make the Wishlist heart “Red

#67153 Copied

3 Answers
Eva Kemp

Support staff

June 1, 2015 at 09:04
Hello,

1. Please add this code in custom.css file:
```
.single-product-page .product-info h4 {
 font-weight: bold !important;
}
```
2. a) add this code in custom.css file:
```
.single-product-page .product-info .short-description {
    font-family: open sans !important;
    font-size: 12px !important;
    color: red !important;
}
```
b)
```
.single-product-page .product-info .product_meta .stock {
    font-family: open sans !important;
    font-size: 12px !important;
    color: red !important;
}
```
3. Use the following code:
```
.single-product-page .product-info .single_add_to_cart_button {
    color: black !important;
    background-color: grey !important;
    font-size: 14px !important;
}
```
4. Use this code:
```
.wishlist-btn-container.with-styles .single_add_to_wishlist::before {
    color: red !important;
}
```
Regards,
Eva Kemp.
#67232 Copied
ctrimde

Participant

June 1, 2015 at 11:03

thank you EVA!

THIS ALL worked perfect!

Now i need a little help on the same page- and the styling of (font size, colour, font type) since they did not change with2):

1)Product code: PMW51991
Category: Watches.
Tag: VersaceTiesno.

Many thanks! EVA

#67260 Copied
Eva Kemp

Support staff

June 1, 2015 at 13:32
Hello,

Please add this code in custom.css file:
```
.single-product-page .product-info .sku_wrapper, .single-product-page .product-info .posted_in, .single-product-page .product-info .tagged_as {
    color: grey !important;
    font-family: open sans;
    font-size: 12px !important;
}
```
Regards,
Eva Kemp.
#67311 Copied
Viewing 4 results - 1 through 4 (of 4 total)