Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 23, 2020 at 6:51 pm #1195551
    DMONAHAN

    Hi – I am struggling to figure out how to do the following with the social media within the footer as you can see I have set it up within the footer widgets within Custom HTML:

    [av_font_icon icon='ue8f8' font='entypo-fontello' style='' caption='' size='40px' padding='10px' position='left' color='' link='manually,https://www.pinterest.com/angelclosets' linktarget='' animation='' id='' custom_class='footer-icons' av_uid='' admin_preview_bg=''][/av_font_icon]
    [av_font_icon icon='ue921' font='entypo-fontello' style='' caption='' size='40px' position='left' color='' link='manually,https://www.youtube.com/watch?v=o9IZ6sjQIJA&list=PLHgQb1OQv_lWnVgxdScdBf2daYY1uGuJv' linktarget='' animation='' id='' custom_class='footer-icons' av_uid='' admin_preview_bg=''][/av_font_icon]
    [av_font_icon icon='ue909' font='entypo-fontello' style='' caption='' size='40px' position='left' color='' link='manually,https://www.instagram.com/acpcustomclosets/' linktarget='' animation='' id='' custom_class='footer-icons' av_uid='' admin_preview_bg=''][/av_font_icon]
    [av_font_icon icon='ue8f3' font='entypo-fontello' style='' caption='' size='40px' position='left' padding=‘20px’ color='' link='manually,https://www.facebook.com/AFFORDABLE-CLOSETS-PLUS-LLC-293029475542' linktarget='' animation='' id='' custom_class='footer-icons' av_uid='' admin_preview_bg=''][/av_font_icon]

    1. This isn’t the order I wanted, how can I fix that?
    2. I would like to have padding between the icons?
    I have added this CSS code and no change: #footer .widget_text .custom-html-widget .footer-icons .avia-image-container-inner {
    padding-right: 10px;
    }
    3. How can I get all the icons to be yellow – only Pinterest is showing in yellow?
    4. I tried to add ‘_blank’ within the linktarget=” code and the icon disappears.

    Thanks,

    March 25, 2020 at 4:59 pm #1197744
    Victoria

    Hey Devon,

    What order do you need them in?

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.textwidget.custom-html-widget .av_font_icon {
  color:#f5b214;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 25, 2020 at 11:05 pm #1197876
    DMONAHAN

    Thank you – this works.

    The order of the social media I wanted them in which I started them in this order, but then somehow it got backward or so.

    Facebook
    Instagram
    YouTube
    Pinterest

    Thank you.

    March 26, 2020 at 4:04 pm #1198077
    Victoria

    Hi DMONAHAN,

    I adjusted it for you. There was an error in the html in the widget above and so the order of the icons did not work. Please check.

    Best regards,
    Victoria

    March 26, 2020 at 4:06 pm #1198079
    DMONAHAN

    Great and thank you. I believe the last thing is when I hover over the icon, it doesn’t change the color. Before it was light gray as you can see how it is for the emails above within the same footer and column.

    March 28, 2020 at 11:59 pm #1198731
    Mike

    Hi,
    Sorry for the late reply, to have gray icons in your footer on hover, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #custom_html-3 .av_font_icon a:hover {
	color:gray !important; 
}

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    April 1, 2020 at 4:45 pm #1199802
    DMONAHAN

    Thank you. This works.

    April 1, 2020 at 6:16 pm #1199825
    Hokuspokus

    Dear Support,

    I really would have hoped that with the last update you would accept the user requests that have been coming to you since 2014. Google: enfold social media buttons

    At all elements, user should have the ability to insert the social media set. Social Media is in focus since years or decades. Since nearly a decade, users ask to Enfold / Kriesi for a cool icon bar with social icons to implement.

    A good Example of Icon Sets

    Kriesi have no time for this. And Enfold user must define manual css at certain places and play and code and ask you every time from zero. And use some short code and css snippets instead to give the user a set, which can user can choose the style in this region, where is it needed.

    If i see the code on top: Why does Enfold do this?? I don’t understand, why we have no social media bar element for footer, blog, sidebar and pages: With the set, which we have defined in enfold options.

    2014
    2017 handcraftet
    Enfold solution, looks it comes from outer space

    April 2, 2020 at 1:03 pm #1200150
    Mike

    Hi,
    Thank you for the feedback, there are more customization examples in the Enfold Documentation

    Best regards,
    Mike

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