Bottom align the impulse promo grid boxes

Store Design
1

https://the-gift-studio-au.myshopify.com/

pw: opiegu

I want to move the white boxes inside the 2 PROMO BOXES from center aligned to bottom aligned. Any ideas?

Screen Shot 2022-03-01 at 4.57.25 pm.png
Screen Shot 2022-03-01 at 4.57.25 pm.png5118×2116 1.64 MB

2

@modernmaven

.promo-grid__content--boxed {
    background: #ffffff8c !important;
}
.promo-grid__content--framed.promo-grid__content--boxed{
  background: #ffffff8c !important;
}

Try to make box transparent with this following code.
add this code in the theme.css file.

3

.vertical-center .promo-grid__content {align-self: end !important;}

4

@modernmaven

add this code at the end of theme.css file

.vertical-center .promo-grid__content {align-self: end !important;}

Sajeel_0-1646115630352.png
Sajeel_0-1646115630352.png1590×774 246 KB

5

That didn’t work :disappointed_face:

6

@modernmaven

try out another one solution

7

Its working
.promo-grid__content {align-self: end !important;}

Sajeel_0-1646118455986.png
Sajeel_0-1646118455986.png1646×767 246 KB

8

@modernmaven

.vertical-center .promo-grid__content {
    align-self: end !important;
}

Try this code to add it below.

9

I added this to theme.css and it’s not showing any change at my end:

.vertical-center .promo-grid__content {align-self: end !important;}

10

don’t remove the code let me check

11

I didn’t see your code there. Go to assets → theme.css file press control + f and paste this in the search bar .promo-grid__content you will see

align-self: center;

just change the center to end

12

What a superstar!!! THANK YOU A MILLION TIMES.

13

mark my solution accepted if it works for you

14

How would I move this Title and button section under the picture (not in the picture)?