a lot of small problems :-(

[MeineLiebe]

hello,

i got a few smaller problems which should be no problem for you … i cant mange them

See Pictures:
SIDEBAR-WIDGET-CART
1. Zwischensumme – should be uppercase (i changed the .po file but didnt work)
2. the shadows of the buttons should be turned off
3. the arrows should be turned off
4. the font of the buttons should be centered and smaller see “WARENKORB” above

CART
6. Button should have the same size as the other one
the arrox icon should be disabled

CHECKOUT

7. button should be bigger vertical so the font is centered vertical and horizontal
8. the info text and the legals shoud have the font weight light in my case OSWALD 300

thanks a lot for your help

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

1) Add this:

.woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total {
  text-transform: uppercase;
}

2)

.woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce.widget .buttons a {
  box-shadow: none;
}

3)

.wc-forward:after, .wc-forward a:after {
  display: none;
}

4)

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button {
  font-size: 12px;
  text-align: center;
}

5)

.woocommerce a.button.alt, .woocommerce input.button.alt, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce button.button.alt:hover {
  padding: 10px 15px !important;
}

6)

#order_review #payment #place_order {
  line-height: 14px;
}

7)

.woocommerce #payment .terms > label {
  font-weight: normal;
}

Hope this helps

– Kyle

[MeineLiebe]

hey kyle

thanks a lot for your help once again.

here are two other problems which i realized.

see pitures…

both are aligning problems.

one is the … sidebar – cart and the other is at the —checkout page

thanks

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

.woocommerce #payment .terms, .woocommerce-page #payment .terms {
  text-align: right;
  width: 100%;
}
.amount {
  float: right;
}

– Kyle

[MeineLiebe]

hi kyle,

the text align problem is solved.

with this code :

.amount {
float: right;
}

all prices move to the right but i want only the “zwischensumme” price on the right side the rest should stay

[MeineLiebe]

and another thing…at the received order overview pae i would like to increase the font size but cant find the custom css…

can you help me ?

hope the screenshot helps

it shoul be 0.915em instead of 7.15em

Attachments:

You must be logged in to view attached files.

[MeineLiebe]

and another one:

how can i make the .product-details as a light font weight.

i cant findthe right css code 🙁

Attachments:

You must be logged in to view attached files.

[MeineLiebe]

thanks a lot for your help

[Kyle – SUPPORT]

I notice you know how to use the dev tools to check CSS, all you need to do is copy the rule and add to your custom css, changing what you need

– Kyle

[MeineLiebe]

well… i do not really know how to use it (at lwast i dont know what you mean with rule)… everything i could manage i ve done by myself. but i cant handle the problems above:

1.
with .amount {
float: right;
}

all prices move to the right but i want only the “zwischensumme” price on the right side the rest should stay

2.
at the received order overview pae i would like to increase the font size but cant find the custom css…

it shoul be 0.915em instead of 7.15em

3. how can i make the .product-details as a light font weight.

thanks

[MeineLiebe]

ok. for 2.

(2.
at the received order overview pae i would like to increase the font size but cant find the custom css…
it shoul be 0.915em instead of 0.715em)

i found the solution !

but for the other stuff my knowledge isnt good enough.

[Kyle – SUPPORT]

1) Use this instead:

.widget_shopping_cart .total .amount {
  float: right;
}

3)

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
  font-weight: lighter;
}

– Kyle