Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 22, 2021 at 3:37 pm #1317830
    emisanz

    Hi
    I need help with customizing the looks of the drop down list of options on Checkout Page and also customize the title of the order confirmation page, here is a link for an image of both
    Thank you!

    August 22, 2021 at 3:38 pm #1317831
    emisanz

    I dont see the link on my post, here is again
    https://sienna.com.gt/wp-content/enfold.jpg

    August 23, 2021 at 1:52 pm #1317967
    emisanz

    Hello, can someone help me with this?
    Thank you

    August 24, 2021 at 4:30 am #1318057
    Rikard

    Hi,

    Please try this in Quick CSS for the dropdown:

    #zona span {
  font-family: 'Open Sans';
  font-size: 12px;
}

    I’m not sure where we can see the Gracias… text though, do we have to go through with the order?

    Best regards,
    Rikard

    August 24, 2021 at 4:26 pm #1318147
    emisanz

    Thank you Rikard for your reply
    Is the code sent for the drop down list? I see no change
    also tried (without success)
    #zona span {
    font-family: ‘Open Sans’ !important;
    font-size: 12px !important;
    }

    About the Gracias… text, that’s the final page when shopping. it’s the order confirmation page “Thank you for your order…
    I want to modify it

    August 25, 2021 at 11:54 pm #1318353
    emisanz

    Please help with this issue
    I need to customize the title of the order confirmation “success” page, the one that says “Thank you. Your order has been received…”

    also I need to change the looks of the drop down list options on the checkout page, image above. I tried your code Rikard but that didn’t work
    Thanks for your help

    September 5, 2021 at 11:05 pm #1319807
    Mike

    Hi,
    Thank you for your patience and the link to your site, for the checkout page the input fields seem to be using the font “Helvetica Neue” at 12px so I tried matching it for this solution, feel free to adjust to suit.
    I added this to your Quick CSS field:

    #top.woocommerce-checkout .select2-results__option[aria-selected], 
#top.woocommerce-checkout .select2-results__option[data-selected],
#top.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
    font-family: "Helvetica Neue";
    background-color: #f8f8f8;
}
#top.woocommerce-checkout .select2-container--default .select2-selection--single,
#top.woocommerce-checkout .select2-dropdown {
    background-color: #f8f8f8;
    border: 0px solid #f8f8f8;
}

    this is the result:
    2021-09-05_008.png
    For your order received page I assumed that you want “GRACIAS. TU PEDIDO HA SIDO RECIBIDO.” to match The H2 heading in the next section below “DETALLES DEL PEDIDO” so this css does that:

    #top.woocommerce-order-received .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
	    font-size: 28px;
	    font-family: "lora";
	    color: #696969;
	    text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 600;
}

    the result:
    2021-09-05_009.png
    Please clear your browser cache and check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.