Change the color of the "Gift Box" text at PrestaShop 8 checkout.

[NicolaR]

I was changing the text in the checkout from "Check this box if you want a gift wrap" and I realized it would be better to "highlight it" by changing its color. I am using PrestaShop version 8.0.4.

How to do this adding the code on custom.css file? I mean, what text should I add? 

[ps8modules]

Hi.

And are you using the classic template? Because each template can have its own CSS even for standard Prestashop functions and displays.

[NicolaR]

4 hours ago, ps8moduly.cz said:

Hi.

And are you using the classic template? Because each template can have its own CSS even for standard Prestashop functions and displays.

Hi, yes I already edited the custom.css file into child_classic theme folder to increase price font/character size into product page.

But to change color to the "Check this box if you want a gift wrap" at checkout I dont really know which is the code to add there.

[ps8modules]

Hi.

 

CSS:

/* text color for "I would like to receive my order in recycled packaging."*/
label[for=input_recyclable]
{
    color: yellow !important;
    background: red !important;
}

/* text color for "I would like my order to be gift wrapped...."*/
label[for=input_gift]
{
    color: red !important;
    font-weight: 600;
}

/* text color for "If you'd like, you can add a note to the gift:" */
label[for=gift_message]
{
    color: green !important;
}

/* text color for gift message */
#gift_message
{
    color: blue !important;
}

 

Edited February 3 by ps8moduly.cz (see edit history)

[NicolaR]

On 2/3/2024 at 6:14 AM, ps8moduly.cz said:

Hi.

 

CSS:

/* text color for "I would like to receive my order in recycled packaging."*/
label[for=input_recyclable]
{
    color: yellow !important;
    background: red !important;
}

/* text color for "I would like my order to be gift wrapped...."*/
label[for=input_gift]
{
    color: red !important;
    font-weight: 600;
}

/* text color for "If you'd like, you can add a note to the gift:" */
label[for=gift_message]
{
    color: green !important;
}

/* text color for gift message */
#gift_message
{
    color: blue !important;
}

 

Thank you very much, it worked.

[ps8modules]

I gladly helped 😉