Solved

Changing Text Color Of My Debut Theme Password Page

zahin
Shopify Partner
39 1 21

Hello there
At first, I am thankful for this community cause from a forum topic of adding a BG image on the password page, I finally manage to add a BG image to my password page! But a new problem arises here, The Image I have added is dark, and the texts are also dark, so they are not visible. How can I change the text colours, Please let me know! And also there is a transparent shadow beneath the logo! How to fix it?

 

Image AttachedScreenshot_7.png

 

Thanks In Advance!

Accepted Solutions (2)
Denishamakwana
Shopify Partner
1408 173 231

This is an accepted solution.

Please add below css in bottom of assets/theme.css file

.password-content p {
          color: #fff;
}
.share-title {
           color: #fff;
}
.input-group input[type="email"] {
          border: 1px solid #d64952;
}

Thank you.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@zahin 

yes, please add this code

.password-page {background-position: center;}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 10 (10)

KetanKumar
Shopify Partner
36839 3635 11972

@zahin 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
zahin
Shopify Partner
39 1 21

Hey @KetanKumar 

here is the link, Kurakagei – Opening Soon

 

Denishamakwana
Shopify Partner
1408 173 231

This is an accepted solution.

Please add below css in bottom of assets/theme.css file

.password-content p {
          color: #fff;
}
.share-title {
           color: #fff;
}
.input-group input[type="email"] {
          border: 1px solid #d64952;
}

Thank you.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
zahin
Shopify Partner
39 1 21

Hey, @Denishamakwana @KetanKumar , Thank You So Much! It worked. One last question, I wanna change the fonts of the contents, How to do that?

 

I wanna use this font which has already been imported into the assets section 

 

AtlasGrotesk-Regular-Web.woff

zahin
Shopify Partner
39 1 21

I want to make the BG image responsive, How can I do That? @Denishamakwana 

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@zahin 

yes, please add this code

.password-page {background-position: center;}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
zahin
Shopify Partner
39 1 21

Hey thanks @KetanKumar it worked. But my pinterest button has been broke. Can it be fixed?

F36A75AA-13B5-4507-AD3F-CFE4F8FD53B4.png

 Thanks in advance 

KetanKumar
Shopify Partner
36839 3635 11972

@zahin 

yes, please add this code

.share-title {font-size: 7px;}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
zahin
Shopify Partner
39 1 21

Hello @KetanKumar,  

Thanks a ton, it worked but now 

But The “enter using password” button  doesn’t work!  

KetanKumar
Shopify Partner
36839 3635 11972

@zahin 

sorry i can't see now

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing