How do I change the title area of contact form's background?

Solved

How do I change the title area of contact form's background?

alagrow
Tourist
16 0 1

This is the page I am interested in: https://dogstoreonline.com/pages/contact

The title cannot be blank and I had entered a description there, but took it out. I cannot figure out where I need to go or what I need to do get those areas (title and description) to match the rest of the page. I need to either (1) make that background white or (2) apply the scheme that I have throughout the rest of the site's pages. 

Can someone please point me in the right direction?

Accepted Solution (1)

BSSCommerce-B2B
Shopify Partner
1972 564 567

This is an accepted solution.

Dear @alagrow 

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

BSSCommerceB2B_0-1717828293699.png

 

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

 

#MainContent {
    background: white !important;
}
.color-scheme-1 {
    background: white !important;
}

 

In this step, you change the color for 2 purposes: 

(1) make that background white

(2) apply the scheme that you have throughout the rest of the site's pages. 

 

Step 3: Save your code and reload this page.

#Page contact: 

BSSCommerceB2B_1-1717828557984.png

#Page product: 

 

BSSCommerceB2B_2-1717828663387.png

 

 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

 

 

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Replies 3 (3)

nvchien
Shopify Partner
55 23 14

Hi @alagrow,

I not sure, but if you want to remove background of title like this image

nvchien_0-1717821194724.png

You can add the below CSS at the last bottom of "base.css" file:

body {
  background:transparent !important;
}

 Hope this helps!

- If this solution helped you out, please consider accepting it as a solution and giving it a thumbs-up. Your feedback is valuable to me and the community!
- You can also follow more tips and tricks from my blog.
- Find me on Linkedin

BSSCommerce-B2B
Shopify Partner
1972 564 567

This is an accepted solution.

Dear @alagrow 

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

BSSCommerceB2B_0-1717828293699.png

 

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

 

#MainContent {
    background: white !important;
}
.color-scheme-1 {
    background: white !important;
}

 

In this step, you change the color for 2 purposes: 

(1) make that background white

(2) apply the scheme that you have throughout the rest of the site's pages. 

 

Step 3: Save your code and reload this page.

#Page contact: 

BSSCommerceB2B_1-1717828557984.png

#Page product: 

 

BSSCommerceB2B_2-1717828663387.png

 

 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

 

 

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

BSSCommerce-B2B
Shopify Partner
1972 564 567

Hi @alagrow

 

We're happy to see that our suggestion helped you solve the issue: https://community.shopify.com/c/shopify-design/make-product-image-clickable-on-collections-page-dawn...

 

Can you kindly give us a like? This can be a reference for other merchants if they have an issue like you.

Should you need any further information, please do not hesitate to contact us by tagging directly at Community post. We will check and let you know soon.

 

Thanks in advance.!

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now