Call to action — vertical alignment of title and text



I have an inline call-to-action where the right-side button is (correctly) vertically centered in a grey background box. The problem is that the heading and text are not vertically centered (they look top-justified). Any clues on how to fix this?

Also, although I’m using a 640px column with 0px left and right padding on the call-to-action box, the button is not wide enough to take a simple icon and single 16px word on one line unless I scrunch the padding to 6px. It would be great if we could adjust the left-right split between heading/text and the button.



Hey Eric,

Can you share the URL of the site in question so we can check?



[Content Hidden]


Hi Eric,

Is it possible for you to add a custom class to each of your Call to Action modules and then use the following CSS.

.my-custom-class .fl-cta-text-content p,
.my-custom-class .fl-cta-text-content p img {
  margin-bottom: 0;

Remember to replace the my-custom-class in the CSS above with the class you added. Let me know if this resolves your issue.

If it doesn’t, can you provide a screenshot of how you would like you CTA’s to look, please?


closed #5