Solved

How can I change headline and body text colors in the Dawn theme?

uslelite
Tourist
8 1 0

I am using the Dawn theme.  I can customize background color and text color.  I want the Headline Color and the Body Text to be different colors.  I believe I will need to use coding for this.  Can someone help?

 

Thank you!

Accepted Solution (1)
uslelite
Tourist
8 1 0

This is an accepted solution.

Thank you So Much!  It worked perfectly.  I am sorry if I seemed impatient.

 

Thanks again - Dan

View solution in original post

Replies 13 (13)

techlyser_web
Shopify Partner
1409 263 278

Hello @uslelite 
Can you share store url?

Techlyser || 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
uslelite
Tourist
8 1 0
techlyser_web
Shopify Partner
1409 263 278

In which section you want change?

Techlyser || 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
uslelite
Tourist
8 1 0
For now, Sections STYLES COMING SPRING 2024 and WHAT MAKES US ELITE
DIFFERENT? I would like the ability to do this ongoing as we add sections.

Also, how can I center STYLES COMING SPRING 2024 and remove the Button.

Thanks
techlyser_web
Shopify Partner
1409 263 278

Hello @uslelite 
this code for center the heading and remove button

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>
@media only screen and (max-width:990px){
  .title-wrapper-with-link {
      justify-content: center !important;
   }
   .multicolumn .center a {
     display: none !important;
   }
}
</style>

techlyser_web_0-1708752511770.png

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

 

Techlyser || 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
uslelite
Tourist
8 1 0

I pasted the code before the body, but it didn't seem to work.  The Header is not centered and the button is still there.  

techlyser_web
Shopify Partner
1409 263 278

@uslelite 
didn't understand your first point.

Techlyser || 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
uslelite
Tourist
8 1 0

The first point was related to my request to be able to change the color of text within a text box.  I can set a scheme for the background color and for a text color.  I want the HeadLine to be one color and the text copy to be a 2nd color.  I want to have the text copy to be white.

 

I added the code as you outlined, but it didn't seem to work?

ThePrimeWeb
Shopify Partner
1756 492 358

Hey @uslelite,

 

Can you share the link to your store and the colour scheme you would like to have?

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
uslelite
Tourist
8 1 0

https://useliteathletics.com/

 

I want to add white for text body.  Black background (#121212), Headline (#D3F44F).

uslelite
Tourist
8 1 0

Just checking to see if you can help with my text color issue - Thank you!

ThePrimeWeb
Shopify Partner
1756 492 358

Hey sorry, flooded notifications

 

It's quite difficult to change everything because it'll break alot of the theme. For now I can change the parts where the background is black. I think if you were to do the rest, you'd need to individually check and keep amending the code until everything is ok

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.color-inverse h3,
.color-inverse p {
    color: white !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

 

ThePrimeWeb_0-1708802720150.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
uslelite
Tourist
8 1 0

This is an accepted solution.

Thank you So Much!  It worked perfectly.  I am sorry if I seemed impatient.

 

Thanks again - Dan