Moving CTA button position in Debut theme

New Member
3 0 0

Hi, does anyone know how I can move the CTA button on the 'Text with Image Overlay' section in Debut? I'd like to position it to the left or right rather than it being the center of the image. 

 

I've had a look in previous posts, but they are all pretty old & I can't find one that will work....& I am a complete novice!

 

Thanks

0 Likes
Highlighted
Pathfinder
98 12 32
/* button */
.slideshow__btn-wrapper--push {
    text-align: left;
}
/* text */
.slideshow__text-content-list {
    text-align: left;
}

Paste this in theme.scss.liquid at the bottom of the page

0 Likes
Highlighted
New Member
3 0 0

@JTR wrote:
/* button */
.slideshow__btn-wrapper--push {
    text-align: left;
}
/* text */
.slideshow__text-content-list {
    text-align: left;
}

Paste this in theme.scss.liquid at the bottom of the page


Hi, thanks for this. I've added it in, but it doesn't appear to have changed anything.

 

I have 3 'Image with Text Overlay' sections on my homepage and would like each one to have a different positioning for the buttons (one central, one left, one right)...is this possible? 

I can adjust the text positioning on a 'slideshow' section, but doesn't allow for a CTA button.

 

Thanks

0 Likes
Highlighted
New Member
3 0 0

Ignore me, I think that I've worked it out. Thank you!

0 Likes
Highlighted
New Member
1 0 0

How did you work it out? :-)

 

0 Likes