Changing header and button (frame and text) color on section in Turbo Theme

Solved
Highlighted
New Member
4 0 0

Hi there

I really hope, you can help me here.

The background is black and the text is white - however we are missing to:
1. change the text and frame in "call to action button" to white
2. change heading on the section to white

This is our current code for the section:

#shopify-section-1591167956603 .eight.columns.medium-down--one-half.text-column:last-child .border-style--none.text-align--center {
    background: #000000;
  color: white;
}
0 Likes
Highlighted
Shopify Partner
227 27 47

Please give your store URL. to check this and provide solution.

Thanks,
Ittanta Technologies Pvt. Ltd. | Shopify Expert
If reply is helpful, please Like and Accept Solution.
To hire us, contact us at info@ittanta.com
0 Likes
Highlighted
New Member
4 0 0

www.aankl.com
password: Shopifyforum123

0 Likes
Highlighted

Hello Aankl,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->styles.scss.liquid

a.action_button.continue-button {
    color: white!important;
    border: 1px solid white;
}

h3.regular_text {
    color: white!important;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0

Hi there

Thanks for this reply.

However this changes all text color and all call to action buttons.

It is not possible to integrate this is my code stated above?

Where the section is stated?

0 Likes
Highlighted

This is an accepted solution.

@Aankl,

Please add below css

#shopify-section-1591167956603 .container div.columns:nth-child(2) a.action_button.continue-button {
    color: white !important;
    border: 1px solid white;
}
#shopify-section-1591167956603 .container div.columns:nth-child(2) h3.regular_text {
    color: white!important;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like