Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 11, 2019 at 10:53 pm #1117890
    garretfw

    I placed an icon after some text

    Available at [av_font_icon icon='ue924' font='entypo-fontello' style='' caption='' link='' linktarget='' size='15px' position='left' animation='deactivated' color='' av_uid='av-4edyl' custom_class='' admin_preview_bg=''][/av_font_icon]Amazon

    But on my website frontside it show the icons before the word available…

    July 13, 2019 at 6:00 am #1118266
    Mike

    Hey garretfw,
    This is a duplicate question, let’s please continue in the other thread.

    h1 > .av_font_icon {
display: inline-block !important;
}

    Best regards,
    Mike

    July 14, 2019 at 1:40 am #1118421
    garretfw

    Hi MIke,

    That code did not work for this request. It did work for my other request that you said was a duplicate here. How do I add custom class to my icons that are in a text block?

    July 14, 2019 at 4:18 am #1118430
    Mike

    Hi,
    I’m sorry I must have read through this too quickly, I thought it was a duplicate.
    Anyways, to add a custom class to the shortcode above look for this part of the code:

    custom_class=''

    and add your class like this:

    custom_class='myclass'

    and to fix your icon above please try this css:

    .avia-icon-pos-left {
    float: none !important; 
    display: inline !important; 
}

    I recommend adding a custom class to these so if you have other icons on your site the “display: inline” doesn’t mess them up.
    Please clear your browser cache and check.

    Best regards,
    Mike

    July 15, 2019 at 6:39 pm #1118887
    garretfw

    HI Mike,

    I added the custom class but things do not seems to be working to the icon on that page.

    This is the code I added in the quick css 

    .amazonicon .avia-icon-pos-left {
    float: none !important; 
    display: inline !important; 
}
    July 16, 2019 at 5:53 am #1119047
    Rikard

    Hi,

    Thanks for the update, please try this CSS instead:

    .amazonicon span.av-icon-char {
    float: none !important; 
    display: inline !important; 
}

    Best regards,
    Rikard

    July 16, 2019 at 6:47 pm #1119244
    garretfw

    Hello,

    That new css didn’t work either.

    July 17, 2019 at 3:11 am #1119327
    Vinay

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Vinay

    July 17, 2019 at 6:16 pm #1119641
    garretfw

    See below

    July 18, 2019 at 12:02 am #1119743
    Mike

    Hi,
    It seems that it is working now:
    2019-07-17-180032

    Best regards,
    Mike

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