Return to previous page

Style of the place order button on the last check out site

This topic has 12 replies, 3 voices, and was last updated 11 years, 1 months ago ago by Eva Kemp

slidebird

Participant

November 4, 2014 at 13:44

hy i finished customizing your theme and changed a couple css stuff…

The place order buttonn ont the last page is very small and not filled or has any other significant style which he should have so customers see the button first…

the button belongs to th .button class… so if i change the style of this butto every other button will change too… do you have an easy solution for me just to change the style of this button?

thx

#23070 Copied

11 Answers

Eva Kemp

Participant

November 4, 2014 at 14:19

Hello,

Please provide us with a page link to have clear understanding what button you’re talking about.

Thank you.
Regards,
Eva Kemp.

#23074 Copied

slidebird

Participant

November 4, 2014 at 14:26

http://www.max-schmuckdesign.com/bestellung_pruefen_bezahlen/

the butten “kaufen” on the end of the page… it means “place order” in german…

but i dont think you can use this link because its necessary to put a product in the basekt befor so you can check out…

#23077 Copied

slidebird

Participant

November 4, 2014 at 14:35

i forgot to mention that this shop is based in austria… in europe we have to provide a additional step for customers where they have to confirm the order again… the plugin “woocommerce german market” is handling this procedure… but the button styling which is used comes form your css…

css looks like this

.button, button, .coupon .button, input[type=”submit”] {
border: 1px solid #dddddd;
display: inline-block;
color: #000000;
background-color: rgba(255,255,255,0.2);
font-size: 12px;
font-family: Georgia;
padding: 5px 20px;
text-align: center;
box-sizing: border-box;
line-height: 1.5 !important;
text-transform: uppercase;
}

so my question is how can i just style this single button without changing every button on the site?

#23082 Copied

Eva Kemp

Participant

November 4, 2014 at 15:13

Hello,

Your site is under construction.
Can we have wp-admin panel access?

Thank you.
Regards,
Eva Kemp.

#23087 Copied

Robert Hall

Participant

November 4, 2014 at 15:15

Hello,

We can’t see content on your site. It’s coming soon page now.
Please provide us with wp-admin access in Private Content.

Regards,
Robert Hall.

#23088 Copied

slidebird

Participant

November 4, 2014 at 15:21

ups i forgot

no it should work

#23089 Copied

Robert Hall

Participant

November 4, 2014 at 15:29

For clarify. Do you mean this button? Please look at screenshot: http://prntscr.com/52xxvs

Regards,
Robert Hall.

#23090 Copied

slidebird

Participant

November 4, 2014 at 15:31

Yes but just the right one.. .

#23091 Copied
Eva Kemp

Participant

November 4, 2014 at 15:42
Hello,

Please try to add this code in custom.css file:

input#place_order { font-size: 20px; }

Thank you.
Regards,
Eva Kemp.
#23094 Copied
slidebird

Participant

November 5, 2014 at 12:18

Ok worked out very well…thank you

just a question where did this id come from? does every button has a single id?

#23276 Copied

Eva Kemp

Participant

November 5, 2014 at 15:55

Hello,

You’re welcome.
You can find an id or class for each element via Chrome console, just click right button of a mouse on the element you want to edit and select “Inspect element” item from the menu list.

Thank you.
Regards,
Eva Kemp.

#23323 Copied
Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘style of the place order button on the last check out site’' has been successfully resolved, and the topic is now closed for further responses

Style of the place order button on the last check out site

Explore our best WordPress WooCommerce Themes collection