Changing button location on impulse theme

Store Design
1

Hi! I am trying to adjust the location of the button on the slideshow for impulse theme. I haven’t had any luck with their FAQ and this sort of task is usually not an issue on other themes, but no matter what code I try the button just won’t move anywhere.

The testing site I’m using currently is https://wcdevtesting.myshopify.com/ and the password is archerydevsite. Thank you!

2

Hi @goldenm28 ,

Where do you want to move it, please send me screenshot with description, I will guide you in detail.

If you want to show this:

Screenshot.png
Screenshot.png1215×598 214 KB

Go to Assets > theme.css and paste this at the bottom of the file:

#shopify-section-162998913998f31e3d .hero__text-content {
	position: absolute !important;
}
@media only screen and (max-width:768px){ 
	#shopify-section-162998913998f31e3d .hero__text-content {
		bottom: 0% !important;
		padding-bottom: 0px !important;
	}
}
@media only screen and (min-width:769px){ 
	#shopify-section-162998913998f31e3d .hero__text-content {
		right: 7% !important;
		bottom: 0% !important;
	}
}
@media only screen and (min-width:960px){ 
	#shopify-section-162998913998f31e3d .hero__text-content {
		right: 7% !important;
		bottom: 5% !important;
	}
}
@media only screen and (min-width:1050px){ 
	#shopify-section-162998913998f31e3d .hero__text-content {
		right: 7% !important;
		bottom: 10% !important;
	}
}

Hope it helps!

3

Hi @goldenm28

I’m Richard Nguyen - CRO Expert at PageFly- Free Landing Page Builder.

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.css->paste bellow code in bottom of file

.hero__text-wrap .page-width {

width: 92% !important;

}

.hero__text-content.vertical-center {

vertical-align: bottom !important;

text-align: right !important;

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly