-
Posts
-
Ahoy
I would like to have an inserted on a line and have in next to a phone number but it automatically adds spacing when I do that…
See screenshot
How do have the icon inserted without those gaps? The icon should be right after the peoples names with the number to the right of it
Hey mcraig77!
Please add following code to Quick CSS
@media only screen and (max-width: 768px) { span.av_font_icon { float: right; }}Regards,
YigitHi!
I checked the link you have provided, but can’t find the elements you are showing on your screenshots. Can you provide us a precise link to your site showing the elements in question please? we need to be able to inspect the elements.
Regards,
AndyHey!
the problem is that you did not include the elements in question into layout elements. Please do so and let us know if you still need help with this issue.
Best regards,
AndyHuh? Sorry im confused…
I want to have the phone icons to the right of the names and than have the phone numbers to the right of that on one line. The code Yigit provided doesnt work…
Please Advise
Hey!
as I already said: please include phone number, icon and name into a layout element and let us know when you are ready.
Cheers!
AndyHey!
The class attribute (avia-icon-pos-) for the icon positioning is missing. Did you modify the icon shortcode? Set the “Icon Position” to align left.
Regards,
IsmaelHey!
We are working on your ticket please wait while we update the results here soon.The html structure did not allow the icons and the phone number to be on the same line we changed the structure for you please check the link now.
Before
<p class="p1"><span class="s1">President: Janice Dahl</span>[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' size='20px' position='' color='' custom_class=''][/av_font_icon]<span class="s1">562-594-0902</span></p> <p class="p1"><span class="s1">Conservation Chair: Mary Parsell[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' size='20px' position='' color='' custom_class=''][/av_font_icon]562-252-5825</span></p> <p class="p1"><span class="s1">Field Trip Chair: Jeff Moore[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' size='20px' position='' color='' custom_class=''][/av_font_icon]562-397-2667</span></p> <p class="p1"></p>After
<div>President: Janice Dahl</br> [av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon] 562-594-0902 </div> <div>Conservation Chair: Mary Parsell</br> [av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon] 562-252-5825 </div> <div>Field Trip Chair: Jeff Moore</br> [av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon] 562-397-2667 </div>Cheers!
Vinay Kashyapum… ok so The new structure looks the same… so there is no way to add them all on one line? Yay or nayh?
Hi!
This is how it looks on my end
If you put all the phone numbers in one line there wont be enough space in small devices… If you still like to do it we are more than happy to help you just share a quick mockup of what exactly you want it o look like so we can help you with the required CSS.
Please upload your mockup to dropbox and share the link here.
Best regards,
Vinay Kashyap
- You must be logged in to reply to this topic.