Unlisted bullet point align description content

  • I had used CSS code to my Icon Box for the description content to make bullet points. However now the text is centered, but the bullet points are left-aligned. I want to have the text left-aligned as well. Take a look about halfway down the home page under the “dress” icon that says “Sales”.

    Here is the coding I used to create the bullet points:

    <ul>
<li>Inbound/Outbound</li>
<li>Direct</li><li>Consultative</li><LI>Business Development</li><li>Prospecting</li>
<li> Referrals</li>
<li>Upselling</li>
<li>Pitching</li>
<li>Objection Countering</li>
<li>Sales Decks</li>
<li>Scripts</li><li>Profiling</li><li>Messaging/Positioning</li><li>Tools Development</li>
</ul>

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Stef

    (@serafinnyc)

    You have the text centered inside Elementor. Just go into Advance or wherever inside Elementor and change it to left.

    Thread Starter jladkins0824

    (@jladkins0824)

    There is nowhere in Elementor to change this. I am going to need custom CSS coding for the Icon Box that the description text is in.

    There is nowhere in Elementor to change this. I am going to need custom CSS coding for the Icon Box that the description text is in.

    You can certainly use custom CSS to override anything, but I find it very hard to believe that Elementor’s containers are centered by default and can only be changed with custom CSS!

    But, here we go:

    <ul style="text-align: left">
    <li>Inbound/Outbound</li>
    ....
</ul>

    I’m also not convinced the solution you’re seeking is the best solution. I’m not a designer, but maintaining consistency is considered a basic design goal. That’s why I’m questioning your quest to keep your first column of list items left aligned and with bullet icons while the middle and last columns are centered and have no bullet icons.

    Perhaps it might be better to simply remove the bullet icons from the left column and keep it centered, to make them consistent with the other columns?

    <ul style="list-style-type: none">
    <li>Inbound/Outbound</li>
    ....
</ul>
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Unlisted bullet point align description content’ is closed to new replies.