Move Text Under CTA Button (Debut Theme)

New Member
4 0 0

Hey guys.

 

I want to move the text (both heading text & sub-text underneath) under the CTA button in the "Image with text overlay" section. I've tried this code:

 

.hero__inner {    padding: 45% 0 0 0;
}

 

However, the text and the CTA button are grouped, so when I do this the button falls off the page way below the image. For ex:

 

Screen Shot 2020-01-02 at 3.19.38 AM.png

How can I fix this such that the down arrow in the header text is underneath the CTA button "GOXIDO"?

 

Thanks.

0 Likes

Hello @luvplush,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
4 0 0

Hello @oscprofessional , gladly!

 

http://luvplush.com/

 

pass: shelya

0 Likes

Hello @luvplush,

Do you want like this

2020-01-03_13-53.jpg

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
4 0 0

Hey @oscprofessional 

 

No, I do not. I want it so that the arrow is underneath the CTA button "GOXIDO". I also want it to both be in the same section with the image.

 

For ex:

[GOXIDO]

      ↓

0 Likes
Excursionist
14 0 4

As i understand it you want the result to look similar to below

Screen Shot 2020-01-03 at 16.20.51.png

 

the simplest way to to achieve this change your css.

 

find .hero__btn in your css or scss file and change it to the following

 

.hero__btn {
  position: relative;
  top: - 130px;
0 Likes
New Member
4 0 0

Yes that helps a lot! Thank you so much @Clarke2 

0 Likes