Hello! So I am trying to set all of my circle icon boxes on the same line despite the amount of text in the box. Here is the page in question:
http://www.rocketcityhr.com/rocketcityhr/services/
As you can see, this looks pretty messy. Feasibly, I would like each description to begin on the same line, and for each row of icons to be on the same line, despite the amount of text in the description boxes or titles of each.
I am using Pagebuilder; in order to have a consistent background, I had to put all of these Circle Icon widgets into the same row on Pagebuilder. I know that this would all be on the same lines if I were to make a second row, but unfortunately that makes a separate background color block, which still looks messy. (Although if you could tell me a solution to that problem, that would be fantastic.)
If you have any questions or this wasn’t clear, please let me know! Thank you!
Hi TNinja
Lets try this in two rows. Once done, edit the top row and click the Layout tab on the right. Set Bottom Margin to zero and then use some Custom CSS to add that back as padding. To add the padding click the first tab, Attributes and add the following to the CSS Styles block:
Adjust as required.
Thank you so much! That totally fixed it! :)
Super, glad that did the trick.
All the best.