Button on the center of box border

Site URL: https://www.sarahbucklandcoaching.com/sfsa

Hi!

Password is: sbc (this section is at the bottom)

Using flexbox for the 3 boxes here, but is it possible to make the buttons align to the center of the bottom border of the box? Like in this image:

Thanks

7 hours ago, JCB said:

Site URL: https://www.sarahbucklandcoaching.com/sfsa

Hi!

Password is: sbc (this section is at the bottom)

Using flexbox for the 3 boxes here, but is it possible to make the buttons align to the center of the bottom border of the box? Like in this image:

 

Thanks

try

#block-yui_3_17_2_1_1626467746037_19774 +.row  .sqs-block-button {
  position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15%;
  width: 250px;
}
#block-yui_3_17_2_1_1626467746037_19774 + .row .sqs-block-button a {
  border: 2px solid #fff;
} 

On 7/17/2021 at 12:35 PM, bangank36 said:

try

#block-yui_3_17_2_1_1626467746037_19774 +.row  .sqs-block-button {
  position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15%;
  width: 250px;
}
#block-yui_3_17_2_1_1626467746037_19774 + .row .sqs-block-button a {
  border: 2px solid #fff;
} 

That worked, thank you!

On 7/17/2021 at 12:35 PM, bangank36 said:

try

#block-yui_3_17_2_1_1626467746037_19774 +.row  .sqs-block-button {
  position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15%;
  width: 250px;
}
#block-yui_3_17_2_1_1626467746037_19774 + .row .sqs-block-button a {
  border: 2px solid #fff;
} 

Sorry just saw this! Yes, would love your help on the tablet related items!

And I need help with adding a background image on the mobile menu, it doesn't appear. I also can't seem to change the colour of the mobile menu icon, just the close one.

Thank you!

On 7/30/2021 at 2:53 AM, JCB said:

Sorry just saw this! Yes, would love your help on the tablet related items!

And I need help with adding a background image on the mobile menu, it doesn't appear. I also can't seem to change the colour of the mobile menu icon, just the close one.

Thank you!

You mean add background image for mobile overlay menu?

To change burger icon color, use this CSS

.burger-inner>div {
    background: red !important;
}

On 8/1/2021 at 10:17 AM, tuanphan said:

You mean add background image for mobile overlay menu?

To change burger icon color, use this CSS

.burger-inner>div {
    background: red !important;
}

 

Thank you! 

 Yes, I meant adding a background image for mobile overlay menu?

20 hours ago, JCB said:

Thank you! 

 Yes, I meant adding a background image for mobile overlay menu?

Use this CSS

/* Overlay Menu background image */
.header-menu-bg.theme-bg--primary {
    background-image: url(https://cdn.pixabay.com/photo/2021/07/18/17/42/waterfall-6476205__340.jpg);
}

On 8/5/2021 at 3:41 PM, tuanphan said:

Use this CSS

/* Overlay Menu background image */
.header-menu-bg.theme-bg--primary {
    background-image: url(https://cdn.pixabay.com/photo/2021/07/18/17/42/waterfall-6476205__340.jpg);
}

 

Thank you, it worked!