Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • March 14, 2017 at 7:00 pm #760917
    Bkag

    Hey there,

    on some pages I am using left sidebar with widgets for individual menu, Google Maps and contact details. For the contact details I would like to show up icons directly to the left of the contact details, means: phone icon with phone no., envelope icon with e-mail address etc. But, unfortunately when using font awesome icons, the text is showing up at the right of the widget and the icons at the left of the widget.

    Is this something you can help me with? Thanks in advance.

    Cheers
    Bkag

    March 16, 2017 at 6:26 am #761736
    Rikard

    Hey Bkag,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    March 16, 2017 at 6:54 pm #762109
    Bkag

    Yes sure. Since the website is still in maintenance mode and not published yet, please find the login details in private content to follow.

    Really do appreciate all your kind assistance.

    Cheers
    Bkag

    March 19, 2017 at 6:12 pm #763266
    Victoria

    Hi Bkag,

    These login credentials did not work for me. Please, revise them.

    Best regards,
    Victoria

    March 19, 2017 at 8:18 pm #763302
    Bkag

    Hi Victoria,
    please see login in private message.
    Regards
    Bkag

    March 20, 2017 at 6:29 am #763494
    Rikard

    Hi,

    Thanks for that. The .htaccess login is working, but not the WordPress details. Could you check and verify please?

    Best regards,
    Rikard

    March 20, 2017 at 6:56 am #763504
    Bkag

    Dear Rikard,
    thanks for the message. Don’t know what went wrong on your side – I assume this occured when pace in copy, because for me the login details are working perfectly. So, I created new user for you; you will find the details (as well as the origin ones) in private content. Please try again.
    Reagrds
    Bkag

    March 22, 2017 at 4:48 pm #764870
    Andy

    Hi,

    WP login is still not working for me. Please check and make sure that your server isn’t blocking anything.

    Best regards,
    Andy

    March 22, 2017 at 5:32 pm #764913
    Bkag

    Hi Andy,
    the login details are working on several PCs without any problems, so please try again with the b/m details in private content. Seems problem must be on your end. Please note that there is a pre-login. If it’s still not working for you, please let me know what exactly the problem is. Thank you.
    Cheers
    Bkag

    March 25, 2017 at 5:35 pm #766669
    Victoria

    Hi Bkag,

    I could not login with the pre-login. Please check the pre login details.

    Best regards,
    Victoria

    March 25, 2017 at 5:58 pm #766679
    Bkag

    Hello Victoria,

    on March 20th Ricard wrote “The .htaccess login is working, but not the WordPress details.” and now you write it is not working. I assume there is a basic problem on your side, since the details are working on this end without any problems. We are working on this since March 14th just to clarify the login. To come to an end please see screenshot in private content for your better overview (website is not online yet). Maybe this way we can solve this issue.

    Thank you for your help in advance.

    Cheers
    Bkag

    March 28, 2017 at 7:34 am #767919
    Ismael

    Hi,

    I was able to login to the site but I have to do the htaccess authentication twice. I checked the page with the sidebar and the icons look ok. The icon shortcodes are aligned to the left properly.

    Best regards,
    Ismael

    April 3, 2017 at 1:50 pm #771107
    Bkag

    Hey Ismael,
    I put some CSS for pushing the sidebar aligned left, but that was not what I wanted to achieve. So, I removed the CSS, thus please kindly try again. Thank you for your kind assistance in advance.
    Cheers
    Bkag

    April 4, 2017 at 3:51 am #771469
    Ismael

    Hi!

    Thank you for the update. We added the following css code in the Quick CSS field.

    #text-2 .av_font_icon {
    float: right;
    margin-left: 10px;
}

    Please remove browser cache or hard refresh before checking the page.

    Cheers!
    Ismael

    April 4, 2017 at 11:12 am #771655
    Bkag

    Hey Ismael,

    thank you for all your efforts and for adding the custom CSS. But, unfortunately, on my end the icons are still on the right, but they should show up on the left directly to the left of the phone number etc. (please see link for screenshot in private content).
    Thank you for your kind assistance in advance.

    Cheers
    Bkag

    April 5, 2017 at 4:25 am #772156
    Ismael

    Hi!

    My bad. I didn’t understand the screenshot at first. Wrap the text inside a container with a custom css class attribute then put it before the icon shortcode. Set the icon to right align. Ex.

    <span class="custom_widget_text">REMOVED</span>[icon shortcode here]

    Make sure that there are no spaces or line break between the text and the shortcode. Add this code in the Quick CSS field.

    .custom_widget_text {
    float: right;
}

    Best regards,
    Ismael

    • This reply was modified 7 years, 8 months ago by Victoria.
    April 5, 2017 at 6:42 am #772231
    Bkag

    Hey Ismael,
    thank you for your fast reply. Could you please remove phone number from your a/m reply? Meanwhile will try out and let you know. Thanks for all your help.
    Cheers
    Bkag

    April 9, 2017 at 7:57 am #774795
    Ismael

    Hey!

    Alright. We removed the number as requested. Let us know if you need further help with the issue.

    Cheers!
    Ismael

    April 17, 2017 at 3:50 pm #778764
    Bkag

    Hey Ismael,

    thank you for removing the number. Meanwhile I tried out wrapping the text inside a container with a custom css class attribute and your given Custom CSS. This works fine, thank you so much, but it looks somewhat weird using tablet in vertical view, e.g iPad Air. Any idea on this?

    Thanks for your kind help in advance.

    Cheers
    Bkag

    April 18, 2017 at 4:59 am #779049
    Ismael

    Hi!

    Could you please provide a screenshot of the issue? Try to move the code inside a desktop css media query.

    @media only screen and (min-width: 989px) {
  /* Add your Desktop Styles here */

}

    Best regards,
    Ismael

    April 28, 2017 at 4:46 pm #784693
    Bkag

    Hi!

    Thank you for your reply. This CSS is not working for me, already tried this. I send you link for screenshot in private content. Really do appreciate all your help.

    Thanks a lot in advance!

    Cheers
    Bkag

    May 1, 2017 at 11:25 pm #786025
    Vinay

    Hi,

    As I understand you would like the icons to show up on the right side of the text similar to the image below, correct?

    To do so we have added the below css code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    /* Sidebar icons */
#top .sidebar .custom_widget_text {
    padding-right: 30px!important;
}

#top .sidebar .av_font_icon.avia-icon-pos-right {
    position: absolute;
    right: 0;
}

    Best regards,
    Vinay

    • This reply was modified 7 years, 6 months ago by Rikard. Reason: Customer request
    June 23, 2017 at 1:32 pm #812107
    Bkag

    Hey there,

    thank you for your message. Can you please remove the screenshot will all the details in your previous post #786025 please? Thank you.

    Also, no, this is not want I wanted to achieve (as already explained the icons should show up directly to the left of the phone number etc.). But you can close this out, I solved the issue.

    Thank you for all your efforts.

    Cheers
    Bkag

    June 24, 2017 at 6:27 am #812389
    Rikard

    Hi,

    Thanks for the feedback, I removed the image from Vinay’s reply. Glad you got your problems solved, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 24 posts - 1 through 24 (of 24 total)
  • The topic ‘Adding icons to text widget in left sidebar’ is closed to new replies.