Move Button on Image with Overlay Text (Debut Theme)

Store Design
1

I’m trying to get the ‘Shop Now’ button to move lower down the page on my image with overlay text module.

I’ve tried numerous suggested methods but nothing has worked yet, and I’m tearing my hair out over this as the button is just sitting right at the top of my page instead of lower in the section where I need it.

Any suggestions?

(I’m working on a draft theme currently, so my live link does not show the problem)

2

Hi @Jess-Jordan ,

Please share your store URL and if your store is password protected then please provide password too.
You can take a picture of the place you want to edit.

So that we can help you.

3

Hi @AvadaCommerce ,

I’m working on a new draft at the moment rather than my live theme, so hopefully this preview link will work!

https://0alrn07pnwsclqhu-56823578808.shopifypreview.com

4

@Jess-Jordan put this css inside theme.css bottom of file

.hero__inner {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    z-index: 2;
    padding: 55px 0;
}
5

@kazi_1 no joy, I’m afraid! It doesn’t move at all. I’ve redone the section so it’s back in the middle, but it won’t go any lower.

Is there anything else I can try?

I’ve found so far that adding anything to the bottom of my code, doesn’t seem to work, so I’m not sure if I’m doing something wrong there!

6

@Jess-Jordan where did you put the css? i cant see in theme.css

7

I tried it at the bottom of the theme.css file, and I also tried changing the padding number on the code already in place on line 5850. Neither made a difference, unfortunately.

So far, my only “solve” has been to add a blank space marker as “text” in the theme customisation settings.

8

Can you put again so i can check thanks