Make changes to coming soon button - password page prestige theme

Solved

Make changes to coming soon button - password page prestige theme

mev123
Excursionist
13 0 3

Hi,

 

I'm currently trying to create a coming / launching soon page for my upcoming brand. However, the coming soon (now named notify me by me) button is too far down on the page. I'm wondering if it is possible to move it upwards so that it is closer below the logo? Also, is it possible to add body text below ''notify me''?

 

Site is haldin.se

 

Best,

Victoria

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
10036 2387 3013

This is an accepted solution.

Hi @mev123 

check this one. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. Then place the code below at the very bottom of the file.

 

.password__inner {
        min-height: 70vh;
        align-items: baseline;
    }
.v-stack.gap-2.text-center p.h3::after {
    content: "add text here";
    display: block;
    margin-top: 10px; 
    text-align: center; 
    font-size: 12px;
}

 

  • And save. 
  • Result:
  • Made4uoRibe_0-1721666618222.png

     

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 6 (6)

Made4uo-Ribe
Shopify Partner
10036 2387 3013

This is an accepted solution.

Hi @mev123 

check this one. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. Then place the code below at the very bottom of the file.

 

.password__inner {
        min-height: 70vh;
        align-items: baseline;
    }
.v-stack.gap-2.text-center p.h3::after {
    content: "add text here";
    display: block;
    margin-top: 10px; 
    text-align: center; 
    font-size: 12px;
}

 

  • And save. 
  • Result:
  • Made4uoRibe_0-1721666618222.png

     

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
mev123
Excursionist
13 0 3

Thank you, that worked!

Made4uo-Ribe
Shopify Partner
10036 2387 3013

Welcome, If you dont mind to hit likes also. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
mev123
Excursionist
13 0 3

By the way, do you  know how I can add text below ''notify me''?

Made4uo-Ribe
Shopify Partner
10036 2387 3013

You didnt notice, The "add text here" you need to change it to the text you like to add. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
mev123
Excursionist
13 0 3

Ah my bad, thank you!