I would like to align all of my icons and text. Currently for my icons to align the text below has to be the same height. However my fancyboxes have text which is shorter than the first therefore the box centers all of the content. Is there a way to align those? I attached an image to show how I would these to be aligned.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hi there,
I would like to align all of my icons and text. Currently for my icons to align the text below has to be the same height. However my fancyboxes have text which is shorter than the first therefore the box centers all of the content. Is there a way to align those? I attached an image to show how I would these to be aligned.
Any help would be appreciated.
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.nectar-fancy-box[data-style="color_box_hover"] .box-inner-wrap { padding: 20% 15% 0% !important; } .nectar-fancy-box[data-style="color_box_hover"] .inner { align-items: start !important; }Thanks
ThemeNectar Support Team
Amazing! Thanks so much!! Worked like a charm.