Docs

[Oxley-2014]

Hello everyone,
I would like to add some modifications on the cart page.

#1 – In the cart page I would like to modify the background color of the Coupon field (input).
I have tried this following code and it works but is it correct anyway? Should I change something? (Right now I have removed this piece of code).

.woocommerce .cart .actions .coupon .input-text{
background: #e2e2e2;
}

#2 – I would like to reduce the size of the “cross-sells” products pictures in the cart page.
What is the code to use, please?

#3 – I would like to color the background of all the “cross-sells” area in the cart page in order to demarcate the cross-sells area from the cart page.
Let’s say for example a light-grey background that will have the two green lines (that I have added) as an upper and bottom limit.

Thanks in advance for your help.

Regards,

Oxley

[Oxley-2014]

This reply has been marked as private.

[Oxley-2014]

Concerning question #3 I tried this:

woocommerce-cart .cross-sells {
  background: #f2f2f2;
}

which does what I wish. But I can see then that the picture of the cross-sells product should be moved to the right a little bit. I dont want to move to the right the entire cross-sells area but just the picture of the product moving to the right inside the cross-sells area.

Thanks in advance.

[Christopher]

Hi there,

Please add following code :

input#coupon_code {
    background-color: #000;
}
.woocommerce-cart .products .entry-featured {
    width: 50%;
}

.woocommerce-cart .cross-sells {
    background-color: red;
    padding: 10px;
}

Hope it helps.

[Oxley-2014]

Hello,
Christopher,

Thanks for your answer.
That does what I wish.

Last question:
I would like to reduce the size of the products pictures in the main shop pages.
I tried:

.woocommerce li.product .entry-featured{
  width: 90%;
}

It works. But like above is it the proper code to use or should I change something?
Thanks in advance for your help.

Regards,

Roger

[Christopher]

Hi there,

Yes, your code is correct.

Let us know if you have further questions.

[Oxley-2014]

Christopher,

Thank you.

Regards,

Oxley

[Thai]

If you need anything else please let us know.

[Author]

Posts