Elementor Question posted in
A comprehensive tutorial library can be found here.

Elementor – Aligning Icon List vertically in WordPress

new to overflow and website design. I’m having issues aligning an icon list in the center using WordPress plugin Elementor.

Here’s the website: https://goldeneagleconstruction.co/

This issue is on the home page.

I’ve tried a few types of css codes and this one seems to be the only one that is responsive within the custom css Elementor provides.

     selector .elementor-icon-list-items {
        display: flex;
        justify-content: center;

I’d like the icon list to align in the center of the widget block, with the icons aligning on the left-hand side vertically.

Tags:

2

Answers


  1. 0

    In Elemetor you can edit the alignment of an icon list.Go to Style > Alignement > Center

    Login or Signup to reply.
  2. 0

    The best way that I’ve done this is by setting the positioning on the icon list to "Inline" under Advanced > Positioning.

    enter image description here

    And then in the custom CSS for the icon list, set your margins to auto like so:

    selector {
    margin: 0 auto;
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search