Minimal theme code colour customisation

Highlighted
New Member
4 0 0

Hi there,

I am trying to do a few small edits to a website I am working on:

  • Change heading colour in footer to #cf0f57
  • Change heading colour on pages to #cf0f57
  • Change one side of the newsletter signup box on homepage to #bbd143 and keep the other side #25b7bc
  • Add arrows to the side of the slideshow on the homepage

Any help is greatly appreciated.

Thanks,

Hope

0 Likes
Highlighted

Hello,
Please share your site url.
So that i can check and let you know the exact solution here.

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
Highlighted

Hello hopelawsen,
1)Change heading colour in footer to #cf0f57.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss.liquid

div#shopify-section-footer .h4 {
    color: #cf0f57;
}
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
Highlighted

2)To Change heading colour on pages to #cf0f57.
3)To Change one side of the newsletter signup box on homepage to #bbd143 and keep the other side #25b7bc.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss.liquid

h1.section-header--title {
    color: #cf0f57;
}

.newsletter-grid__item:first-child {
    background-color: #bbd143;
}
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

Thank you! The first two solutions worked. However, there was no change to the newsletter grid. Any other options?

Thanks,
Hope

0 Likes
Highlighted

Hello @hopelawsen 

Changes related to newsletter grid form

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.newsletter-section .input-group {
	display: flex;
	width: 75%;
}
@media screen and (max-width: 580px) {
.newsletter-section .input-group {
	display: block;
	width: 100%;
	text-align: center;
}
}

Hope this will work for you

Thanks....

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

Still no change to colour. 

Need to change left side of the newsletter signup box on homepage to #bbd143 and keep the right side #25b7bc
Screenshot below. 

Screen Shot 2020-08-07 at 4.50.10 PM.png

 

 

 

 

 

 

Thanks,

Hope

0 Likes