Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
This is an accepted solution.
Thank you So Much! It worked perfectly. I am sorry if I seemed impatient.
Thanks again - Dan
Hello @uslelite
Can you share store url?
In which section you want change?
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>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
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.
@uslelite
didn't understand your first point.
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?
Hey @uslelite,
Can you share the link to your store and the colour scheme you would like to have?
I want to add white for text body. Black background (#121212), Headline (#D3F44F).
Just checking to see if you can help with my text color issue - Thank you!
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.
This is an accepted solution.
Thank you So Much! It worked perfectly. I am sorry if I seemed impatient.
Thanks again - Dan
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024