Return to previous page

Cart totals table design correction - by Christian

This topic has 6 replies, 3 voices, and was last updated 8 years, 10 months ago ago by Eva Kemp

Christian

Participant

January 23, 2016 at 11:37

Hi,

I have started to get the grip about css code where I can find the specific code that I want to change but still sometimes does not really know what to change to get the effect permanent.

The Cart totals table design needs a correction.

I fount this string:

.woocommerce-page .cart-collaterals .cart_totals table th {padding: 20px 0px !important;
border-color: #ddd !important;}

The cart looks like picture 1 (Private content)

And when I play around with it in the browser’s developer tools (Apple Safari) I exclude padding: 20px 0px !important; the table gets a better relation with text and border, check picture 2 (Private content).

But how do I get that effect to be permanent in custom.css?
Please add that code at row 352 in custom.css.

Please, contact administrator
for this information.

#109602 Copied

5 Answers
Jack Richardson

Support staff

January 23, 2016 at 16:59
Hello,

As you are using child theme you can add the css code in your child style.css file:
```
.woocommerce-page .cart-collaterals .cart_totals table th {
  padding: 0px !important;
}
```
Best regards,
Jack Richardson.
#109615 Copied
Christian

Participant

January 23, 2016 at 20:05

Hi Jack,

This did not have any effect I am afraid. I just added this to the child style.css.
I have turned of the custom.css, copied the content to the child style.css and pasted the code in the top of the document but no effect fort this one.

Can you please check it out? It is just cosmetic but It looks a little bit out of order.
I have noticed that there also is a border nowadays of this section if you compare to the live demo at themeforest but I like the frame style. 🙂

Regards,
Christian

#109626 Copied
Jack Richardson

Support staff

January 24, 2016 at 12:08
Hello,

I’ve edited the code in child style.css file to this:
```
.woocommerce-page .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals tr td {
  padding: 10px !important;
}
```
Clear browser cache and check Cart page now.

Best regards,
Jack Richardson.
#109682 Copied
Christian

Participant

January 24, 2016 at 16:13

Just beautiful! Thanks!

Regards,
Christian

#109706 Copied

Eva Kemp

Support staff

January 25, 2016 at 09:21

Hello,

You’re welcome.

Regards,
Eva Kemp.

#109747 Copied
Viewing 6 results - 1 through 6 (of 6 total)