Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 27, 2022 at 10:02 am #1366492
    mvanstee

    Dear,

    1) Where can I change the yellow color (CB9F2C ) into F1F1EE (see screen: https://prnt.sc/nQVNmRfiTh0n)

    2) How can I put the word “aantal” above the qualities so it’s nicely aligned ( see screen https://prnt.sc/e3HF-uY4yeEr)

    3) where can I change the color and size of the cart page and in specific the products (see screen https://prnt.sc/qJMcZc2YzZZr)

    Thanks!

    September 27, 2022 at 11:54 am #1366523
    Ismael

    Hey mvanstee,

    Thank you for opening a new thread.

    1 & 3.) You can use this css code to change the background color of the areas in the screenshot.

    .main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra, .main_color tr:nth-child(even), .main_color .avia-data-table .avia-heading-row .avia-desc-col, .main_color .avia-data-table .avia-highlight-col, .main_color .pricing-table>li:nth-child(even), body .main_color .pricing-table.avia-desc-col li, #top .main_color .avia-data-table.avia_pricing_minimal th {
    background: #F1F1EE;
}

    2.) And this to align the quantity button to the left.

    table div.quantity {
    float: none;
    margin: 0;
    width: 130px;
}

    Best regards,
    Ismael

    September 27, 2022 at 12:20 pm #1366526
    mvanstee

    Thanks!

    .main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra, .main_color tr:nth-child(even), .main_color .avia-data-table .avia-heading-row .avia-desc-col, .main_color .avia-data-table .avia-highlight-col, .main_color .pricing-table>li:nth-child(even), body .main_color .pricing-table.avia-desc-col li, #top .main_color .avia-data-table.avia_pricing_minimal th {
    background: #F1F1EE;
    }

    ==> this doesn’t work >> https://prnt.sc/Yfiwstk_rMWM >> still yellow (CB9F2C)

    September 27, 2022 at 4:37 pm #1366588
    Rikard

    Hi,

    Please try this CSS instead:

    .woocommerce-cart-form table *, .cart_totals table * {
  background-color: #F1F1EE !important; 
}

    Best regards,
    Rikard

    September 27, 2022 at 7:21 pm #1366633
    mvanstee

    This works! Thanks :-) Please close topic.

    September 28, 2022 at 4:09 am #1366658
    Nikko

    Hi mvanstee,

    I’m glad that Rikard could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change colors of the cart-page’ is closed to new replies.