How do I stop this? - Support | Kriesi.at

Tagged: bullet points, Line Break

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

Author

Posts
January 16, 2015 at 10:30 am #380671

markpevans
Participant

Hi Team Kresi!

I have created an icon using your informative video.

I have used the icon as bullet points on the web page however the text is breaking and not neatly aligned (see screenshot below).

https://www.dropbox.com/s/foweqx0jiw669am/Screen%20Shot%202015-01-16%20at%2012.26.22%20pm.png?dl=0

What is the best way to fix this so all text is aligned with one another?

January 16, 2015 at 4:42 pm #380840

Yigit
Keymaster

Hey markpevans!

Can you post the link to your page where we can see the issue please?

Regards,
Yigit

January 16, 2015 at 7:30 pm #381038

markpevans
Participant

http://mamas-box.com/

January 18, 2015 at 9:32 am #381392
Ismael
Moderator
Hey!

Try to enclosed the text and the icon inside a div. Something like this:
```
<div class="sneak-box">[av_font_icon icon='ue801' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' custom_class=''][/av_font_icon]<span class="sneak-text">Since my only form of ‘design’ right now is leaving a burp stain on your shoulder, I have real designers creating <strong>adorable items</strong> for us such as pregnancy T-shirts for you and personalized outfits for me.</span></div>
```
Add this on Quick CSS:
```
.sneak-box span.av_font_icon {
width: 6%;
float: left;
clear: none;
margin-right: 2%;
}

.sneak-box span.sneak-text {
width: 92%;
float: left;
clear: none;
}
```
Regards,
Ismael
January 19, 2015 at 8:29 pm #382067

markpevans
Participant

Hi,

Thanks for sending the code over. It kinda works but when on full screen on desktop it behaves weirdly (see screenshot below)

https://www.dropbox.com/s/zmulsuetq2s70qh/Screen%20Shot%202015-01-19%20at%2010.27.10%20pm.png?dl=0

Can this be fixed?

January 21, 2015 at 6:11 pm #383226

markpevans
Participant

?

January 22, 2015 at 9:08 am #383554

markpevans
Participant

Hi,

I am still having some issues with this
https://www.dropbox.com/s/zmulsuetq2s70qh/Screen%20Shot%202015-01-19%20at%2010.27.10%20pm.png?dl=0

January 23, 2015 at 4:04 pm #384384
Yigit
Keymaster
Hey!

Please add following code to Quick CSS
```
span.av_font_icon + p {
padding-left: 40px;
}
```
Best regards,
Yigit
January 24, 2015 at 7:24 am #384803

markpevans
Participant

Hi Yigit!

Yep that did the job!!!!

Really pleased thank you :)
Author

Posts

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

The topic ‘How do I stop this?’ is closed to new replies.