Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Tan bar above blog post - how do I get rid of or change the color

Solved

Tan bar above blog post - how do I get rid of or change the color

bradywink
Tourist
7 0 0

Capture2.jpg

Hi - I am new to Shopify design and I have been working on getting my blog posts to cooperate.  Where the blog article is displayed, it has this tan bar above it that either I need to get rid of, or change the color to black.  I have it highlighted in red as to what I am talking about...

 

Any help or pointing in the right direction would be appreciated 😉

 

My website is:  https://electrictrends-20.com/

Accepted Solutions (2)

niraj_patel
Shopify Partner
2378 514 507

This is an accepted solution.

Hello @bradywink 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  main#MainContent {
       background: #000 !important;
  }
</style>

techlyser_web_0-1711373785900.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

niraj_patel
Shopify Partner
2378 514 507

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  h1.article-template__title {
      color: #F7DE17 !important;
  }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 7 (7)

niraj_patel
Shopify Partner
2378 514 507

This is an accepted solution.

Hello @bradywink 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  main#MainContent {
       background: #000 !important;
  }
</style>

techlyser_web_0-1711373785900.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
bradywink
Tourist
7 0 0

Thank you, Thank you!! Worked like a charm 😉

niraj_patel
Shopify Partner
2378 514 507

Welcome @bradywink 😁
Was my reply helpful? Click Like to let me know!
Thanks

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
bradywink
Tourist
7 0 0

@niraj_patel - one more question (if I need to post new, please let me know)  - How do I change the title font color on this as well?  I am looking for the font color to be #F7DE17

 

Capture4.JPG

niraj_patel
Shopify Partner
2378 514 507

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  h1.article-template__title {
      color: #F7DE17 !important;
  }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
bradywink
Tourist
7 0 0

Thanks again!! Very much appreciated 😉

niraj_patel
Shopify Partner
2378 514 507

welcome @bradywink 😁

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com