**Issue 1**
Webpage: http://www.GreenKleenAus.com.au
I have a section on my homepage where i want multiple icon lists:
– Top icon list = left align
– Middle icon list = right align
– Bottom icon list = left align
QUERY: Can you make the middle section e.g. “icon list = right align” have the icons on the right?

**Issue 2**
Website: http://www.GreenKleenAus.com.au
– i have used the following CLASS “right-text” or “left-text” this works great for the icon list
– it shows correctly in cornerstone
QUERY: this does not show correctly outside of cornerstone e.g. the icon lists are still center aligned, can you help me fix this?

**Issue 3**
Link: https://community.theme.co//forums/topic/ordering-of-content-columns-on-mobile-device/
– I cannot make this work (i am a novice :P)
Query: for the middle icon list “right-align” can you guide me to place the image above the words in mobile/responsive views?

Thanks in advance

X theme: Version: 4.0.1
Wordpress: Version 4.2.2
CornerStone: Version 1.0.1
Weblink: http://www.GreenKleenAus.com.au

Thanks for posting in and giving us a detailed instruction.

1. When you use “right-text” or “left-text” please remove the quotation marks. Just put right-text or left-text and everything will work fine.
On the middle list, to make the icons on the right, please add a custom class to ul like icon-on-right. Then let’s define the properties for this in your Customizer via Appearance > Customize > Custom > CSS:

.icon-on-right li.x-li-icon:after {
  content: "\f00c";
  display: inline-block;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-on-right li .x-icon-check:before {
  display:none;
}

2. This issue will be fix when you apply suggestion above.

3.To do this please refer to visibility shortcode here
You need to wrap the current image to visibility shortcode with type=”hidden-phone”. Then add the same image above the middle list wrap with visibility shortcode with type=”hidden-desktop”.

Hope this helps.

I have done the following:
– I’ve added the class as required right-text icon-on-right
– I’ve added the CSS as required

RESULT: still it does not work, there looks to be some changes in CornerStone, but non in the actual website.

Upon checking, you have setup errors. I see in the Icon List Item that you have a shortcode inside the Style field. See

I’ve corrected that one

Please correct the rest. Let us know how it goes.

Thanks.

Details:
1. alignment issues (Sorted)
2. Icon on right issue (not working)

see image below:

let me know if you can help with this.
Thank you

To have your icons on the right side, just insert an icon list as normal like you did with the custom class icon-on-right and use this css code in your customizer, Appearance > Customize > Custom > CSS

.x-ul-icons.icon-on-right li [class*="x-icon-"] {
    float: right;
}

Please let us know if this works out for you.

PS. you guys rock! i love this theme 🙂

Please add the following CSS rule into your Customizer, Custom > CSS section using the menu Appearance -> Customize.

.x-ul-icons.icon-on-right.right-text .x-li-icon .x-icon-check {
    width: 20px;
}

Hope that helps.