Tagged: Align buttons
Hey I want to align the read more button on my content boxes. As the heading text is different in each one of them, the buttons are not align. I tried using the white spacer but couldn’t get a better result. lease help. I am putting the page link below.
Hey sarthakchoudhary,
Thank you for the inquiry.
The following css code should work but it might require a few adjustments on different screen sizes. You may need to apply a unique custom css class name to the buttons and replace the selector “avia-button-wrap” with it.
.flex_column .avia-button-wrap {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
Best regards,
Ismael
Hey I tried this but it was not working. Can you please check ?
Hi,
Thanks for your patience and the link to your site, I found that in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field you had a PHP function that was causing your css to not work correctly, I moved it to your child theme functions.php
Now your buttons are aligned to the bottom of your columns.
Please clear your browser cache and check.
Best regards,
Mike
Okay thank you sm