Page Builder 
Widgets Bundle 
SiteOrigin CSS 
Installer Set Circle Icon boxes on same line?
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!
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
3Hi 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.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.