Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #586847

    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

    #587845

    Hey mcraig77!

    Please add following code to Quick CSS

    @media only screen and (max-width: 768px) {
    span.av_font_icon {
        float: right;
    }}

    Regards,
    Yigit

    #587925

    Things are still janky…

    #589082

    Hi!

    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,
    Andy

    #590040

    Sorry it is on this page

    #590657

    Hi!

    can you provide us admin access please? post login details here as private reply. Try to out the different elements (text element, icon element, etc.) into one layout element, to position them the way you want it.

    Cheers!
    Andy

    • This reply was modified 8 years, 8 months ago by Andy.
    #591395

    Attached below

    #591516

    Hey!

    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,
    Andy

    #591760

    Huh? 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

    #592057

    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!
    Andy

    #592494

    OK I went ahead and made it its own element

    #594201

    Hey!

    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,
    Ismael

    #594202

    Hey!

    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 Kashyap

    #594786

    um… ok so The new structure looks the same… so there is no way to add them all on one line? Yay or nayh?

    #594928

    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

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.