Left aligned Icon list centered in column

Support
#1

Hi,

I have a icon list question what i can’t figure out. I’ve searched the forum but didn’t find a similar thread.

I have a page with centered text and i want an icon list in the center of the page but left aligned so the icons are underneath each other (hope you understand:)

Is that possible? One of the pages where i want to display it is:

Thx!

#2

Hi There,

Thanks for writing in!

Please follow the steps!

1) Give a class name to the icon list element.

2) Please add this CSS to your Theme Options -> CSS

.custom-class .x-ul-icons {
    max-width: 200px;
    margin: auto;
    text-align: left;
}

You can change the class name to anthing your choice.

Hope this helps!

#3

Hi,

Thx for the reply.

If I add the class to the icon list the code seems to work in cornerstone but if I open the page outside cornerstone the code doesn’t seem to work.

#4

Hi @Timmid,

Please update your CSS code to this:

.list-center {
    max-width: 250px;
    margin: auto;
    text-align: left;
}

You might need to reduce that 250px to make it more apparent in the center.

Hope it helps,
Cheers!

#5

Thx, this worked great!

#6

You’re most welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.