Align icon after text - Support | Kriesi.at

Viewing 14 posts - 1 through 14 (of 14 total)

Author

Posts
August 17, 2017 at 12:56 am #840165

ckwellington
Participant

I have an alignment issue with the blue “read more” arrow icons here: http://ustriminc.com/walt/. I want the icons directly after the text “Read more”. I tried wrapping the icon in a span and it didn’t work.

August 17, 2017 at 6:48 am #840251
John Torvik
Inactive Moderator
Hey ckwellington,

Just add this custom code:
```
.entypo-fontello:before {
  position: relative;
  right: 37px;
}
```
Best regards,
John Torvik
August 17, 2017 at 6:26 pm #840563

ckwellington
Participant

Thank you but it didn’t work.

August 17, 2017 at 6:39 pm #840573
Jordan Shannon
Inactive Moderator
Hi,

Add this to quick css:
```
.avia-icon-pos-right {
    float: none!important;
}
```
Best regards,
Jordan Shannon
August 17, 2017 at 7:50 pm #840594

ckwellington
Participant

That didn’t work. It did move it closer.

August 17, 2017 at 11:17 pm #840653
Basilis
Inactive Moderator
Hi,
```
.avia-icon-pos-right {
    padding-right: 50px !important;
}
```
let us know if that works

Best regards,
Basilis
August 18, 2017 at 12:14 am #840664

ckwellington
Participant

Nope, sorry.

August 18, 2017 at 1:10 am #840683

Jordan Shannon
Inactive Moderator

Hi,

This is what I see when I add the css that I gave you:

https://snag.gy/hTZFjI.jpg

Is this not correct.

Best regards,
Jordan Shannon

August 18, 2017 at 3:18 am #840708

ckwellington
Participant

I’m sorry but it’s not what I’m getting. Here is the html:
Your audience will laugh and have lots of fun as they learn how to bring joy into their jobs and their lives. This will improve their job performance and make their lives happier. It will energize your conference or event and help to make it memorable. Read more[av_font_icon icon='ue832' font='entypo-fontello' style='' caption='' link='' linktarget='' size='17px' position='right' color='#295bbd' custom_class='' admin_preview_bg=''][/av_font_icon]

Custom css:
.avia-icon-pos-right {
float: none!important;
}
.avia-icon-pos-right {
padding-right: 50px !important;
}

In Chrome what I see is here: http://ustriminc.com/walt/

August 18, 2017 at 5:03 pm #840937

Jordan Shannon
Inactive Moderator

Hi,

Please post a screenshot of your view.

Best regards,
Jordan Shannon

August 18, 2017 at 8:18 pm #841016

ckwellington
Participant

Here is screen shot of html
Here is a screenshot in Chrome

August 18, 2017 at 11:28 pm #841074
Jordan Shannon
Inactive Moderator
Hi,

Please remove all of the css we have given you thus far and just add the following:
```
.av_font_icon{
display:inline!important;
}
.avia-icon-pos-right{
float:none!important;
}
```
Best regards,
Jordan Shannon
August 18, 2017 at 11:37 pm #841079

ckwellington
Participant

YES! That did it. Thanks so much!

August 18, 2017 at 11:42 pm #841082

Jordan Shannon
Inactive Moderator

Hi,

No problem at all. If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon
Author

Posts

Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘Align icon after text’ is closed to new replies.