How can I make my contact form visible on a white background?

Store Design
1

Hi There

Is anyone able to help me get the contact form showing on my contact us page?it is white on a white background

Thanks in advance

2

https://exzazu6ue9xrkjpx-57300123695.shopifypreview.com

here is the link

3

Hi!

I believe these options will all be customisable through the ‘Customise’ button of your theme, if not, let me know and I’ll create some CSS to make it all visible for you.

4

Hi

It is not , i cant change it anywhere and i also cannot seem to change the colour of the quantity part of my product pages. everything needs to be in BB97FD

also how do i make the price on the homepage on the featured collection white and not bb97fd

thank you

5

No problem!

Add these to the bottom of your section-contact-form.css file:

.contact .field {
    color: #BB97FD !important;
    border: 1px solid !important;
}

.field__label {
    color: #BB97FD !important;
}

.main-page-title {
    color: #BB97FD !important;
}
6

For the white pricing, add this to the bottom of your component-price.css file:

.price .price-item {
    color: #fff !important;
}
7

Hi there, @Self1007 .

You should be able to edit the colors for accents such as this from your theme editor. From the theme editor, can you see the option called “Colors” under the heading “theme settings”.

From here, you can edit the text color under “Heading and links” and the box colors under “borders”. Be sure to hit “save” once you have the correct colors selected! Here’s how they appear in the theme editor from my test store:

12-29-4928-78990
12-29-4928-789901470×820 84.3 KB

I hope this helps! Your store looks like it’s coming along really nicely, is there anything you are having trouble with that I could maybe help with? This blog post: “The 14-Point Ecommerce Checklist to Launch Your Shopify Store” is a great resource for making sure you’re ready to hit the ground running on launch day.

8

My Theme does now allow me to have those options for under colours. No border and no heading and links options

thank you though

9

Thank you! worked a treat!

Are you able to help me get the quantity part of m product page in the same colour please? you can see the number but no arrows etc to select the quantity.

Thank you!

10

No problem at all!

Add these to the bottom of your theme.css file :

.quantity__button:not(:focus-visible):not(.focused), .quantity__input:not(:focus-visible):not(.focused) {
    color: #BB97FD !important;
}

.quantity {
    border: 1px solid !important;
}

If you could take a moment to read through my signature below I would highly appreciate it :heart:

11

Im sorry i cant locate the theme.css file?

where is that on the edit code page?

12

Apologies, for your theme it is named base.css

13

Thank you ! :slightly_smiling_face:

14

You’re very welcome!

Please take a moment to read through my signature below, I would highly appreciate it :heart: