Section color go the entire way across the page in Dawn theme

Solved
pressandpalm
Shopify Partner
6 0 0

Hi all, really new to the Shopify platform and having some trouble with my first design. Is there a way to make the blue background color go the entire way across the page? Also, I'm wanting to change the button color to a light pink and all text to black on this section ONLY. Photo of current site below, and the photo of what I'm trying to replicate is below that

Screenshot 2023-03-27 at 2.25.49 PM.png

Screenshot 2023-03-27 at 2.28.25 PM.png

Site url is https://community-culture-thrift.myshopify.com/ and password is omaybu

Accepted Solution (1)
GemPages
Shopify Partner
5587 1258 1062

This is an accepted solution.

Hello @pressandpalm 

I would like to give you the recommendation to support you so kindly follow steps below:

 

1. Go to your Online store > Themes > Edit code
2. Open your theme.liquid file
3. Paste the below code before </body>

<style>
{% if template contains 'index' %}
body{
background: #409ba4 !important;
}
{%endif%}
#shopify-section-template--18163151831327__39d1a4ca-1529-47cf-a0fe-94f969a39024 #ImageWithText--template--18163151831327__39d1a4ca-1529-47cf-a0fe-94f969a39024 a{
    background: pink !important;
    opacity: 1 !important;
  border: pink !important;
    color: #000000 !important;
}
#shopify-section-template--18163151831327__39d1a4ca-1529-47cf-a0fe-94f969a39024 #ImageWithText--template--18163151831327__39d1a4ca-1529-47cf-a0fe-94f969a39024 .image-with-text__text {
  color: #000000 !important;
}
</style>

I hope the above is useful to you.
Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 3 (3)
GemPages
Shopify Partner
5587 1258 1062

This is an accepted solution.

Hello @pressandpalm 

I would like to give you the recommendation to support you so kindly follow steps below:

 

1. Go to your Online store > Themes > Edit code
2. Open your theme.liquid file
3. Paste the below code before </body>

<style>
{% if template contains 'index' %}
body{
background: #409ba4 !important;
}
{%endif%}
#shopify-section-template--18163151831327__39d1a4ca-1529-47cf-a0fe-94f969a39024 #ImageWithText--template--18163151831327__39d1a4ca-1529-47cf-a0fe-94f969a39024 a{
    background: pink !important;
    opacity: 1 !important;
  border: pink !important;
    color: #000000 !important;
}
#shopify-section-template--18163151831327__39d1a4ca-1529-47cf-a0fe-94f969a39024 #ImageWithText--template--18163151831327__39d1a4ca-1529-47cf-a0fe-94f969a39024 .image-with-text__text {
  color: #000000 !important;
}
</style>

I hope the above is useful to you.
Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
pressandpalm
Shopify Partner
6 0 0

That worked perfectly! Any suggestions on how to make the "mission header" black as well? 

Screenshot 2023-03-28 at 1.25.15 PM.png

GemPages
Shopify Partner
5587 1258 1062

I do appreciate your compliment! 😍

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center