Change colour of custom page title.

Change colour of custom page title.

georgiou7
Tourist
3 0 1

Hi all, currently struggling with my website as I am trying to change the colour of my custom page title to white but I cannot find any codes to fix my issue. This is due to me deciding on changing my entire website theme from white to black, as a result since the titles are black in default, I cannot see them anymore with black background.

 

I want to be able to see "Contact us" above from the description that you can already see. 

 

 

 

contact us 1.pngcontact us 2.png

 

I'll attach two pictures so you guys can understand my current dilemma. I appreciate any feedback in advance.

Replies 5 (5)

BSS-TekLabs
Shopify Partner
668 186 217


Hello @georgiou7 
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you. 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
georgiou7
Tourist
3 0 1

Thanks

The website address is https://441659-c5.myshopify.com/

 

let me know if this works

Made4uo-Ribe
Shopify Partner
7000 1666 2058

Hi @georgiou7 

Would you mind to share your store URL? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
georgiou7
Tourist
3 0 1

BSS-TekLabs
Shopify Partner
668 186 217

@georgiou7 

- Here is the solution for you
- Please follow these steps:

step.png

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

@media (prefers-reduced-motion: no-preference) {
    .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
        color: white !important;
    }
}

- Here is the result you will achieve:

BSSTekLabs_0-1719419406062.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency