Return to previous page

Checkout and Billing Page - by ibuyukarslan

This topic has 16 replies, 4 voices, and was last updated 6 years, 10 months ago ago by Amzy Leel

ibuyukarslan

Participant

April 2, 2017 at 17:09

Hi,

I’m using furniture template. But Checkout and Billing page text and box nearly invisibile.

How can i change those color and how can it be visible little more?

Please help.

Thanks.

Please, contact administrator
for this information.

#158519 Copied

15 Answers

Olga Barlow

Support staff

April 3, 2017 at 11:37

Hello,

Go to Theme Options > Styling > Content > Form inputs color > choose the color you like.

Regards

#158573 Copied

ibuyukarslan

Participant

April 3, 2017 at 21:01

Thanks Olga.

Other questions;

1 – How do i change form backgroud to grey ? Like that ?

http://prntscr.com/es1zny

2- How do i change just specific button color like ” checkout ” button ?

http://prntscr.com/es1ztu

Thanks.

#158625 Copied
Olga Barlow

Support staff

April 4, 2017 at 13:57
Hello,

1)Use the following code
```
 .woocommerce-checkout #customer_details {
    background-color: #fafafa;
    padding: 0.35em 2.14em;
}
.step-title {border-top: none;}
```
2) Use the following code
```
.form-row.place-order input[type=submit] {
    background-color: red;
    border-color: red;
}
.form-row.place-order input[type=submit]:hover {
    background-color: red;
    border-color: red;
}
```
Regards
#158689 Copied
ibuyukarslan

Participant

April 5, 2017 at 07:23

Customer Datails page is done but submit button color changing just when active.

Could you check it please 🙂

Thanks.

#158746 Copied

Olga Barlow

Support staff

April 5, 2017 at 09:04

Hello,

Check now, please.

Regards

#158758 Copied

ibuyukarslan

Participant

April 5, 2017 at 12:09

Thank you soo much 🙂

Also there is another css specification that i need

I have a hr line in homepage. I placed that with VC. So it just appears in homepage. But i want to add this whole page under header.

Could you help me with this also ? 🙂

Please, contact administrator
for this information.

#158795 Copied

Olga Barlow

Support staff

April 5, 2017 at 12:19

Use the following code

.header-wrapper .header > .container {
border-bottom: 2px solid #EBEBEB;
}

Regards

#158800 Copied

ibuyukarslan

Participant

April 5, 2017 at 12:34

Thanks for quick relpy Olga,

I tried lots of thinks but it cannot be same as homepage margin and widht. could you help me with this ?

Homepage seperator is on right place

#158808 Copied

Olga Barlow

Support staff

April 5, 2017 at 13:04

Check now.

Regards

#158821 Copied

ibuyukarslan

Participant

April 5, 2017 at 13:26

Thank you soo much 🙂

#158827 Copied

ibuyukarslan

Participant

April 6, 2017 at 09:04

hi Again Olga,

I think we can countinue in here beside creating new topic.

Here is two things i tried,

1- i wanted to change add to cart color but hover is not changing

like that ;

http://prntscr.com/et271k

2 – menu sub category text is too thiny and hard to see how can i improve them ?

http://prntscr.com/et287x

3- Do you have other order recieved page and my order details page for use ?

http://prntscr.com/et28eg

Thanks for all of your help again.

#158918 Copied
Olga Barlow

Support staff

April 8, 2017 at 08:18
Hello,

1) to change hover use the following code
```
.single-product .single_add_to_cart_button:hover {
    background-color: #3892de !important;
    border-color: #3892de !important;
}
```
2) Go to Theme Options > Typography > Navigation
3) Nope, these are default WC pages.

Regards
#159162 Copied
cheyingtan

Participant

June 20, 2017 at 09:56

Hi there,

My design client complaint that the checkout form design is bad and confusing, the column is invisible unless u click on it, how do i add the normal outline back like original woocommerce checkout page?

Like this:
http://i68.tinypic.com/20uwjko.jpg

Thanks!

#166068 Copied

cheyingtan

Participant

June 20, 2017 at 10:05

sorry wrong url, like this i mean:
https://prnt.sc/flwr0x

#166071 Copied

Amzy Leel

Participant

June 21, 2017 at 06:06

Hello,

I think you asked the same question in another post and in live chat.
Replied everywhere. Please follow one and do not create many topics for a single question

put this css code in,

8theme options >> styling >> custom css >> global custom css

input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="password"], input[type="tel"], textarea { border: 1px solid #000 !important; }

and change the color #000 to the color you want.

#166114 Copied
Viewing 16 results - 1 through 16 (of 16 total)