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

3 replies2 participantsUpdated by Eva Kemp

  • Avatar: ctrimde
    ctrimde
    Participant

    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

    Avatar: Eva
    Eva Kemp
    Participant

    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
    Avatar: ctrimde
    ctrimde
    Participant

    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
    Avatar: Eva
    Eva Kemp
    Participant

    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

Want to reply? Log in, or register with your ThemeForest purchase code, to reply to this topic.

Login / Register