is there a way to place this enter button more in the middle of the page?

Solved

is there a way to place this enter button more in the middle of the page?

christian_russo
Pathfinder
203 1 42

hi!

 

is there a way to post this enter button more in the middle of the page, I already tried in theme settings but I can't get It further to the middle.  

 

www.gallerychristian.com

password: Christianrusso123

 

Schermafbeelding 2022-03-20 om 17.12.32.png

Accepted Solution (1)
KetanKumar
Shopify Partner
36927 3641 11995

This is an accepted solution.

@christian_russo 

thanks can you please try this code

1. Go to Online Store-> Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

#shopify-section-template--15460582228161__1647180592e1e9be9a .isolate {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.section-template--15460582228161__1647180592e1e9be9a-padding {
    padding-top: 0 !important;
}

 

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 5 (5)

KetanKumar
Shopify Partner
36927 3641 11995

@christian_russo 

sorry but your store password protect 

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
christian_russo
Pathfinder
203 1 42

Password is: Christianshop123 

sorry my mistake

KetanKumar
Shopify Partner
36927 3641 11995

This is an accepted solution.

@christian_russo 

thanks can you please try this code

1. Go to Online Store-> Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

#shopify-section-template--15460582228161__1647180592e1e9be9a .isolate {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.section-template--15460582228161__1647180592e1e9be9a-padding {
    padding-top: 0 !important;
}

 

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
christian_russo
Pathfinder
203 1 42

thanks!

shortcomings
Excursionist
46 0 14

Hey Christian, did this solution work for you just by pasting the code at the bottom of base.css? I can't seem to get it to work on the Dawn theme.