|
JacqK
|
February 1, 2023 at 12:03 am
Helloth of the
We have the Promotions and Discounts extention for EE4. Hoping you can let us know how to reduce the width of the submit promotion code field (am guessing this can be done using CSS).
Hoping you can also let us know how to change the colour of the button on the submit promotion code field.
Regards
Joe
|
|
JacqK
|
February 1, 2023 at 12:30 am
PS: with the button, if you could let us know how to change the background colour of the button and the colour and heaviness of text in the button, that would be great (we would be looking at having a white button background colour and light blue text in the button)
|
|
Tony
|
February 1, 2023 at 5:21 am
Hi there,
Wihtout seeing the page this may not suit but i will give you an example to work from:
#ee-promotion-code-submit {
color: blue;
background-color: white;
width: 50%;
}
You can add that to Appearance -> Customize -> Additional CSS.
Just change the values to suit 🙂
|
|
JacqK
|
February 1, 2023 at 6:08 pm
This reply has been marked as private.
|
|
Tony
|
February 2, 2023 at 4:19 am
Yeah that CSS specifically targets the submit button as I thought thats what you were looking to change.
To target the input itself you can use something like:
input#ee-promotion-code-input {
max-width: 20%!important;
}
|
|
JacqK
|
February 2, 2023 at 4:20 pm
This reply has been marked as private.
|
|
Tony
|
February 6, 2023 at 7:58 am
Can you link me to an event I can register onto so I can take a look?
|
|
JacqK
|
February 7, 2023 at 9:58 pm
This reply has been marked as private.
|
|
Tony
|
February 8, 2023 at 4:13 am
This reply has been marked as private.
|
|
JacqK
|
February 8, 2023 at 12:41 pm
This reply has been marked as private.
|
|
Tony
|
February 9, 2023 at 9:28 am
This reply has been marked as private.
|
