Viewing 30 results - 211 through 240 (of 986 total)
  • Author
    Search Results
  • #1167005

    Hi Guys, thank you for issuing the temporary fix for social icons.

    The fix for the social icons does not work if you place the shortcode into a widget area.

    Can you look into this?
    I normally place the social icon shortcode into widgets to remove the need for plugins that do the same function. This affects several of my websites. Luckily I have only updated one of them to the latest WordPress version. Very glad I waited!

    WORKAROUND: If you change the shortcode setting to open in same window it works. So something is wrong with the CSS when you add open in new window in the icon shortcode.

    Cheers,
    Tom

    #1166948

    Hi Mike,

    The fix file does not work if you place the social icons in a sidebar widget. This is something I do for all of my customers as it removes the need to add a plugin to handle social icons.

    Please can you add this to the fix?

    In the meantime, I have only upgraded 1 customer to the latest version of WordPress so I can live with the problem for a few days if necessary.

    #1166918

    I have an issue with social icons in the footer too. I have already applied the patch which worked fine for the header but in the widgets area (where I copied and pasted the code from the header area that created the icons) it is not working. See private link for website in the first column widget area.

    #1166517
    ESWEENEY113
    Participant

    Hi-
    I’ve added the links to my social media accounts and set them up to display with my menu bar, however they are showing up white (see website). If you scroll over them, the color box of the platform appears, but no icon. I’m not sure why they not displaying properly so any help or advice you have would be much appreciated :) Thank you.
    Erin

    darryllevine
    Participant

    Hello,

    Our social media icons are in a widget in the footer instead of in the socket. It worked until the WP 5.3.1 update. I did replace the file function-set-avia-frontend.php, which has fixed the problem everywhere, except in the widget.

    Here is what I have in my CSS:

    #footer .social_bookmarks li {
    clear: none!important;
    border: 0 !important;
    }

    And in my widget:

    <ul class="noLightbox social_bookmarks icon_count_3">
     	<li class="social_bookmarks_facebook av-social-link-facebook social_icon_1"><a title="Facebook" href="#" target="_blank" rel="noopener noreferrer" aria-label="Link to Facebook" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"><span class="avia_hidden_link_text">Facebook</span></a></li>
     	<li class="social_bookmarks_twitter av-social-link-twitter social_icon_2"><a title="Twitter" href="#" target="_blank" rel="noopener noreferrer" aria-label="Link to Twitter" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"><span class="avia_hidden_link_text">Twitter</span></a></li>
     	<li class="social_bookmarks_youtube av-social-link-youtube social_icon_3"><a title="Youtube" href="#" target="_blank" rel="noopener noreferrer" aria-label="Link to Youtube" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"><span class="avia_hidden_link_text">Youtube</span></a></li>
    </ul>

    Is there a way to correct this problem?

    Thanks!

    #1165853
    TechMyBiz
    Participant

    Hi!

    For a few days, all social media icons from Enfold (prime menu, socket and widgets) are missing on our website: https://tech-my.biz/
    Maybe because of the last automatic WordPress update? (5.3.1)

    As you can see, it’s the same for icons from avia framework: https://tech-my.biz/a-propos/

    And it’s the same problem for all browsers and devices (Safari, Chrome, Mozilla, etc.) and for other websites that we know they use Enfold too:
    https://www.c2s-bouygues.com/
    https://www.keystone-europe.com/

    How can we fix this please?

    Many thanks for your help!

    TechMyBiz Team from France

    #1165632
    waingroove
    Participant

    Hi there, can anyone advise why my social icons have just vanished from my site – header & footer – plus page placement with the widget.

    Please advise as you can,

    cheers

    #1165003

    Hi Victoria,
    thanks for helping me out!

    The button is now created and i tested with the code your’re providing here: “Menu Centered” but cant find the right modification without destroying the current process with overlapping and so on. :)

    I think now I just need to modify this snippet right?

    /************************************
    
     Add a widget area on the right side
     Logo left, Menu center, Widget right
    
    *************************************
    
    CSS Settings:
    
    » Initiate Flexbox
    » Topbar
    » Header
    » Logo
    » Menu
    » Widget
    » Social icons
    » Search
    » Cart icon
    
    ***********************************/ 
    
    /*--------------------------------
    
    » Initiate Flexbox
    
    --------------------------------*/
    
    /* Header */
    .responsive #top #header,
    /* Top bar */
    .responsive #top #header #header_meta,
    /* Search icon */
    .responsive #top #header #menu-item-search a,
    /* Cart icon */
    .responsive #top #header a.cart_dropdown_link,
    /* Social icon */
    .responsive #top #header #header_main nav .social_bookmarks,
    /* Logo */
    .responsive #top #header #header_main .inner-container .logo,
    /* Main menu, cart and social icons */
    .responsive #top #header #header_main .inner-container .main_menu,
    /* Widgets */
    .responsive #top #header #header_main .inner-container .widget,
    /* Header inner container */
    #top #header #header_main .container.av-logo-container .inner-container {    
        display: flex;
        position: relative;
    }
    
    /*--------------------------------
    
    » Topbar
    
    --------------------------------*/
    
    /* Top bar */
    
    .responsive #top #header #header_meta {
        flex-basis: 100%;    
    }
    
    /*--------------------------------
    
    » Header
    
    --------------------------------*/
    
    /* Height */
    
    #top #header #header_main .container.av-logo-container {
        height: inherit;   /* Auto height: Header takes the height of the contents */
    }
    
    /* Header inner container */
    
    #top #header #header_main .container.av-logo-container .inner-container {
      height: inherit; 
      position: relative !important;
      flex-wrap: nowrap;
      justify-content: space-between;
    }
    
    /* Wrappers 
    --------------------------------*/
    
    /* Header content and Topbar */
    
    .responsive #top #header {
        flex-wrap: wrap;
    }
    
    /* Header contents: Logo, Menu, Social Icons and Widgets. */
    
    .responsive #top #header #header_main {
        flex-basis: 100%;    
    }
    
    /* Transparent header 
    --------------------------------*/
    
    .responsive.html_header_transparency #top #wrap_all #header {
        position: absolute;
    }
    
    /* Main content: 
    -----------------------*/
    
    .responsive #top #main { 
        padding-top: 0px; /* Gap between the content and header */
    } 
    
    /* Fixed header 
    --------------------------------*/
    
    /* Fixed header */
    
    .html_header_sticky.html_header_transparency #top #wrap_all #header,
    .html_header_sticky #top #wrap_all #header { 
        position: fixed; 
    } 
    
    /* Fixed header and page content gap. 
       Padding value should be same as the fixed header height. */
    
    .html_header_sticky:not(.html_header_transparency) #top #wrap_all #main { 
        /*padding-top: 145px !important; */
    } 
    
    @media only screen and (max-width: 767px) {
    .html_header_sticky #top #wrap_all #main {
        /*padding-top: 145px !important; */
    }}
    
    /*--------------------------------
    
    » Logo
    
    --------------------------------*/
    
    /* Logo */
    
    .responsive #top #header #header_main .inner-container .logo {
        order: 0;
        flex-basis: auto;
        /*width: auto;*/
    
        /* Define scalable min width of the logo on small screens */
        min-width: 100px;
        /* Define scalable max width of the logo on big screens */
        /* Logo width: (auto | 100% | px );  Set auto to display the uploaded image size */
        max-width: 180px;
        
        z-index: 9;
    }
    
    /* Logo image size */
    
    .responsive #top #header .logo,
    .responsive #top #header .logo a,
    .responsive #top #header .logo img {
        width: auto;
            
        /* Height specification is not required. It is proportional to the max width of the logo */
        height: auto;    
        align-items: center;
        align-self: center;
        justify-content: center;
    }
    
    /* Vertically center transparency logo */
    
    .responsive #top #header .logo span img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    
    /*--------------------------------
    
    » Menu
    
    --------------------------------*/
    
    /* Menu outer container: Menu with siblings cart and social icons */
    
    .responsive #top #header #header_main .inner-container .main_menu {
        order: 0;
        flex-basis: auto;   /* Use calc to minus the width of the logo */
        align-items: center;
        align-self: center;
    }
    
    /* Navigation */
    
    #header .av-main-nav {
        display: flex;
        flex-wrap: nowrap;
    }
    
    /*  Activate burger menu  */
    
    @media only screen and (max-width: 1000px) {
        #top #header .av-main-nav>li.menu-item {
            display: none!important;
        }
        #top #header .av-burger-menu-main {
            cursor: pointer;
            display: block!important;
        }
    }
    
    @media only screen and (max-width: 767px) {
    
    /* Mobile menu position fix */
    .responsive #top .av-logo-container .avia-menu {
        display: flex!important;
        align-items: center;
    }}
    
    /* Mega menu position fix */
    #header li .avia_mega_div,
    #header li:hover .avia_mega_div {
        right: 0 !important; /* submenu position */
        left: auto!important; /* submenu position */
        max-width: 50vw;
    }
    
    /*--------------------------------
    
    » Widget
    
    --------------------------------*/
    
    /* Widgets */
    
    .responsive #top #header #header_main .inner-container .widget {
        order: 0;
        flex-basis: auto;
        padding: unset;
        clear: none!important;
    
        align-self: center;
        align-items: center;
        z-index: 1;
    
    }
    
    .responsive #top #header #header_main .inner-container .widget>div {
        width:100%;
        line-height: 14px;
        padding:0 10px;
    }
    
    /*--------------------------------
    
    » Social icons
    
    --------------------------------*/
    
    /* Flex support and position fix */
    .responsive #top #header #header_main nav .social_bookmarks {
        display: flex;
         top: auto;
         margin-top: 0;
         align-items: center;
    }
    /* Inherit height for flex alignment */
    #top .av-logo-container .social_bookmarks li {
        height: inherit;
    }
    
    /*--------------------------------
    
    » Search 
    
    --------------------------------*/
    
    /* Your styles here */
    
    /*--------------------------------
    
    » Cart 
    
    --------------------------------*/
    
    /* Cart position fix */
    
    #top #header #header_main #menu-item-shop a.cart_dropdown_link {
        height: auto;
    }
    
    @media only screen and (max-width: 767px) {
        .responsive #top #menu-item-shop.cart_dropdown {
            display: flex;
            align-items: center;
        }
        .cart_dropdown .dropdown_widget .avia-arrow {
            display: none;
        }
    }

    Thank you very much!

    #1162933

    Thank you Mike. I will use my example with CSS. That HTML is too much to show social icons in a simple widget.

    Enfold should include a social widget to use anywhere needed. Like header and footer, but for sidebar or short code.

    Is there a way to show that existing ones in a widget or short code?

    Thanks.

    #1162215
    swatvertising
    Participant

    Hi there,

    I serached an hour on this forum but could not find any solution, please help: I want on a website a special footer. This footer has two columns, the left column contains two textual links and the alignment must be left (fixed) the second column has two social icons: Instagram & Pinterest. Those icons must be aligned to the right. I found a code for the icons but that were icons I don’t use. So i tried to convert them in the source code (widget) but won’t work. Can You please take a look?

    Kind regards,
    L. Koopman

    #1160663

    In reply to: Revolution slider

    Hi Mark thank
    Slider revolution is fixed now, also on mobile.
    Can you also help me with the other issues I have please:
    1) SOCIAL FOLLOW ICONS: I want to add follow me social links (in the menu) and in other parts of the website. As there isn’t a widget for this how can I add my social links? (I don’t want the Facebook and Instagram enfold widgets, only the icons.
    2) MAGAZINE: again in the blog page, is it possible to have the title with a bigger font in the magazine?
    3) SOCKET MOBILE VERSION: I want to have all elements in the middle of the page in this order:
    – social links (bigger: I can’t even see them in the mobile version)
    – links to terms and conditions and privacy
    – Copyright
    Can you help me please?
    Thanks
    Francesca

    #1160585

    In reply to: Revolution slider

    Hi all,
    I have posted to ask some help on the 24th of November and I am still waiting for a feedback please.
    I need to know:
    – how to adapt full screen the slider revolution as there is a huge space between the slider in the home (see the home 2 prova post in drafts) and in the blog page. Also in the mobile version there is this huge space. How can I fix this?
    – I want to add follow me social links (in the menu) and in other parts of the website. As there isn’t a widget for this how can I add my social links? (I don’t want the Facebook and Instagram enfold widgets, only the icons.
    -again in the blog page, is it possible to have the title with a bigger font in the magazine?
    – I don’t like how is the socket in the mobile version: social links on the right side and the rest on left: I want to have all in the middle in this order:
    – social links (bigger: I can’t eve see them in the mobile version)
    – links to terms and conditions and privacy
    – Copyright

    It is very urgent as the website is already live

    Thanks
    Francesca

    #1159129
    This reply has been marked as private.
    #1155733

    Hi Jordan,

    sorry I dont get it. ;-) Does that mean that I have to make a page with an Icon and a text and add that page to the footer?

    If so, how does that work?

    So far I am just using a text Widget with the adress etc and I would like to have an ordinary Icon (no social Icon to any Website) next to the text.

    Rgards,
    Sabine

    #1151938

    Hi Victoria,

    Scan for widgets is already enabled and still we’re not able to see the social media icons in the footer. If we disable this, then the MailChimp optin doesn’t work. Were you able to login to the backend?

    Jaime

    #1149031
    jaimemerz
    Participant

    Hi team,

    WordPress was updated yesterday — we are now at 5.2.4 and Enfold 4.6.3.1. We have the scan widgets option selected in the performance tab and have refreshed our widgets. If we do not scan widgets, our MailChimp optin doesn’t work. But, now, the widget containing our social media icons does not show the social media icons. Here’s the code for the right most column (our footer is two column):

    [av_one_half first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top
    left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-12tfv5n']
    For Parents
    Parent Login
    Code of Conduct
    Emergency Action Plan
    Non Discrimination Policy
    Parent Handbook
    Google Calendar
    [/av_one_half] [av_one_half]
    Mulberry School
    220 Belgatos Road
    Los Gatos, CA 95032
    (408) 358-9080

         
    [/av_one_half]

    Help!

    #1148617

    Hi,

    You should be able to add the following to the text widget:

    
    <ul class="noLightbox social_bookmarks icon_count_6"><li class="social_bookmarks_facebook av-social-link-facebook social_icon_1"><a target="_blank" href="https://www.facebook.com/kriesi.at" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Facebook"><span class="avia_hidden_link_text">Facebook</span></a></li><li class="social_bookmarks_gplus av-social-link-gplus social_icon_5"><a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Gplus"><span class="avia_hidden_link_text">Gplus</span></a></li><li class="social_bookmarks_linkedin av-social-link-linkedin social_icon_6"><a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Linkedin"><span class="avia_hidden_link_text">Linkedin</span></a></li></ul>

    Remove what you don’t need.

    Best regards,
    Jordan Shannon

    #1146503
    GrafitecSon
    Participant

    Hello,

    I have a small widget to insert in the second header at the left position where now my social icons are. I can’t find the correct hook to add this widget to this position. I search a lot but I can’t find the correct answer.

    Hope somebody knows the solution! :)

    #1142815

    Hi Victoria,

    1. I have downloaded and added Medium and Telegram Icon from Fontello.
    2. I went to Enfold > ImportExport > Iconfont Manager > Uploaded the font I just downloaded (file name: fontello-384a3ec5 renamed to fontello-medium-and-telegram-icon.
    3. Next, as per the tutorial (Social Share Buttons), I added the following codes to functions.php.

    // Register medium and telegram icon as a theme icon
    function avia_add_custom_icon($icons) {
    	$icons['icon_name']	 = array( 'font' =>'fontello', 'icon' => '0xf23a');
    	return $icons;
    }
    add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
    
    // Add new icon as an option for social icons
    function avia_add_custom_social_icon($icons) {
    	$icons['Medium'] = 'icon_name';
    	return $icons;
    }
    add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    4. I can now select only Medium Icon in Social Profiles.

    5. QN:
    a. The Medium Icon is not showing up though.
    b. How do I select telegram fontello icons to social icons?
    c. How do I use the 2 newly added icons as a content in the widgets?

    #1142018

    Hey!

    1- Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
    .home #av_section_4 .av-icon-char {
        padding: 15px;
    }}

    2- Replied here – https://kriesi.at/support/topic/horizontal-gallery-on-mobile/
    3- There might be some plugins for it but unfortunately i do not have experience with any to recommend.
    4- You can generate Twitter widget here – https://publish.twitter.com/ and embed it on your website in HTML widget, Text block element or Code block element.
    5- Please add following code to Quick CSS

    #top .social_bookmarks li a {
        font-size: 20px;
    }

    Regards,
    Yigit

    #1141588

    I have two questions regarding mobile view on my site using the Enfold theme.

    Is there any way to keep the social icons the size they appear on a computer but make them smaller on mobile view so that the four icons fit in one row? Right now they’re on two rows on mobile which make them look awkward.
    Mobile Screenshot: (sent privately)

    Just below the icons, I’m using the Horizontal Gallery to showcase some pictures. It looks great on a computer view, but on mobile view some of the pictures don’t look great (head is cut off etc). Any way to optimize the pictures for mobile or make the gallery taller on mobile so the pictures will fit properly?
    Mobile Screenshot: (sent privately)

    A few other questions:
    – The instagram footer widget doesn’t have a follower count… Is there any way to get an instagram footer widget that looks like instagram with the follower count?
    – I don’t see a twitter widget available – is there one, or is it possible to have one added in a future theme update?
    – The social media icons at the very top of the theme – any way to change the size to make those bigger?

    #1141048
    Yigit
    Keymaster

    Hi,

    We wanted to create this thread as a channel to share the fixes that will be included in upcoming updates and known issues that are being worked on.

    Current fixes for upcoming version 4.7.4.1 are as following (last update 2020-05-12)

    • Feature: New alignment options ALB element “Special Heading”
    • Feature: input field to add custom subject text for ALB contact form autoresponder email
    • Feature: Option for transition effect speed in ALB Easy Slider, Fullwidth Easy Slider, Fullscreen Slider
    • Feature: Added options for custom title and alt attribute in ALB image element
    • fixed: accordion slider hides some slide item after closing the lightbox
    • fixed: small typo instgram
    • fixed: WC 4.0 bug grouped products and quantity button not working
    • fixed: Transparent logo missing alt and title attr when attachment URL instead ID
    • fixed: bbPress and custom footer page not showing correctly on some pages
    • fixed: CSS bug Accordion hidden below Special Heading in Color section
    • fixed: WP 5.4 Block editor breaks ALB layout in backend
    • fixed: removed wrong href in div id=”av-cookie-consent-badge”
    • fixed: removed wp_nonce check in reCaptcha V3 to avoid problems with caching plugins
    • fixed: bug switching ALB back to Classic Editor broken layout and js errors (WP 5.4 related ?)
    • fixed: CSS problem with equal height after individual height columns forming a grid
    • fixed: WP 5.4 block editor using ALB – scroll bug dragging ALB elements
    • fixed: added a check that $posts is an array in helper-assets.php – caused by 3rd party plugins
    • fixed: shifted values in color picker (theme options page)
    • fixed: type errors in message text
    • Fixed: Plugin conflict calling filter display_post_states incorrectly
    • added: filter avf_transparency_logo_data: modify transparency logo url, title, alt attributes
    • added: class post-format-{$post_format} to article in postslider.php
    • added: filter avf_attachment_copyright_text – allows to filter copyright text in ALB image element
    • tweak: new option “Remove query string from static resources” in Performance->Show advanced options
    • tweak: Link settings moved to content tab for all ALB button elements
    • tweak: ensure function aviaFontManagementBase::get_font_list returns an array
    • updated: Italian language files
    • updated: Dutch language files
    • added: Greek language files
    • tweak: All language files have been synchronised – obsolete strings removed

    In Pull Requests:

    • feature: New demo importer with download of demos from external server

    In Progress:

    • Responsive images – adding scrset attribute to images

    Fixes for released version 4.7.4:

    • fixed: catalog CSS not enqueued with ALB WC product elements
    • fixed: ADA compliance aria-hidden, aria-label for MOBILE Hamburger menu
    • fixed: ALB seperator whitespace with icon: limit width to 45% container width for each ruler
    • fixed: small typo tempalte
    • fixed: CSS bug icon grid with display tooltip and mobile
    • fixed: CSS ALB Gridrow – 1 column with link column not fullwidth
    • fixed: CSS indent bug in nested sidebar menus (left/right sidebar, widget menus)
    • fixed: Fullwidth Easy Slider issue where auto rotate stops working in Safari after a video slide
    • feature: Add custom ID and CSS class to timeline milestones
    • feature: Integrate Smash Balloon Instagram Feed plugin (free and pro version)
    • Feature: ALB magazine element supports post-format link
    • tweak: Option to disable adding timestamp to compressed css and js files
    • tweak: Advanced Styling selectors more strict to override standard selectors from stylesheets and custom css
    • tweak: ajax search support for WC option “Hide out of stock items from the catalog”
    • tweak: use get_title instead of inconsistent use of direct access to post_title in various places
    • added: title attribute to postslider link in ALB element
    • added: filter avf_postslider_link_title_attr: modify title attribute for link in ALB postslider
    • added: filter avf_show_option_toggles_advanced: Adds an extra select option to hide section headers in ALB
    • added: filter avf_ajax_search_woocommerce_params: allows to change displaying products out_of_stock, featured and hidden
    • added: filter avf_legacy_suppress_wp_filter_post_title: allows a fallback for unfiltered post_title where direct access was used previously
    • removed: deprecated classes hentry and vcard (microformats.com)
    • updated: French language file – equal alb options translation, “Google” services translated as “Mailchimp”
    • updated: Dutch language files
    • updated: German language files
    • updated: Italian language files

    Fixes for version 4.7.3 are as following

    • improved: theme options to disable ALB modal popup options toggles (revert to old ALB design)
    • fixed: Blog multiauthor preview image links to author and not to post
    • fixed: ADA compliance aria-hidden for social icons and social share buttons
    • fixed: social share buttons added with filter no longer shown in 4.7.1.1
    • fixed: CSS for reCaptcha V3, added classes for reCaptcha V2 and reCaptcha V3 to form
    • fixed: ALB contact form datepicker throws js error when jQuery is loaded in footer
    • fixed: ALB editor Add Cell/Set Cell Size buttons not responsive for translations
    • fixed: Custom pages query to exclude hiding a page when same page object is queried
    • fixed: small typo in Iconbox element
    • fixed: Easy Slider caption sizes reverting back to “use default” after making custom settings
    • fixed: Google vocabulary.org schema is deprecated
    • fixed: Content partially cut off in Cookie modal window on mobile Safari
    • added: filter avf_merged_files_unique_id: allows to remove/customize added unique id for merged files
    • added: filter avf_folder_security: customize folder security from 755 on folder creation
    • tweak: Column links open in new window and not in new tab for some browsers (e.g. FF)
    • tweak: Developer fields missing in fullwidth sub menu element
    • tweak: improved creation of avia folders and security
    • tweak: schema.org markup for testimonials
    • Improved GPDR:
      • feature: new option Accept essential cookies on pageload, user must opt in for other cookies
      • added: Cookie info message now supports starts with, ends with, contains for cookie names (filter avf_privacy_cookie_infos)
      • added: description text for some essential WP, WPMLcookies
      • fixed: bug with custom wildcard cookies and path not /
      • fixed: bug in option allow all cookies and services on pageload
    • Updated: Old Instagram icon to new one in social profiles
    • Updated: background color for social yelp icon to #d32323 on hover
    • updated: German language files, , de_DE GDPR translation adjustments
    • updated: Italian language file
    • updated: Dutch language files
    • updated: French language file – equal alb options translation

    Regards,
    Yigit

    P.S.: Please do not report issues here, instead start a new thread.

    • This topic was modified 5 years, 8 months ago by Yigit.
    #1140197

    Hi,
    self-response, in case someone will need in future.
    I used another icons pack plugin (Ultimate Social Media Icons) and now the following code get all the widget closer and fully works:

    #footer .widget {
    margin: 0;
    }

    Thanks!

    #1139867
    Real-3D
    Participant

    Hi,
    i’m trying to use a “1 column” footer with all the widgets centered.
    i used the following CSS i found on the older posts here to center the elements:

    To center all the widgets:

    #footer .widget {
    text-align: center;
    }

    To center the “Social Media and Share Icons (Ultimate Social Media)” pluging icons:

    .sfsi_widget .norm_row {
    float: none;
    margin: 0 auto;
    position: relative !important;
    }

    Now i’d like to reduce the padding between every widget, because it’s too large, and i’d like them to be closer.
    I tried the following CSS:

    #footer .widget {
    margin: 0;
    }

    it seems to work, but not with the social media icons, that remain too far from the widget below.

    Can you help me with a correct CSS in which i can choose the right “pixel” distance between each widgets?
    Thanks a lot for the support and best regards.

    #1139222
    THP Studio
    Participant

    Running a Google Lighthouse report on sites made with Enfold, flags certain unsafe practises with some ALB theme elements. I have not tried this with all theme elements, but I’m guessing it’s probably a wider-scale issue than just the Testimonial element, but using that as an example. It’s also an issue in the social icon links that can be added in Enfold settings and displayed in header/footer. Please check all elements! This also has performance implications.

    Ok, here’s the issue as described by Google:

    https://developers.google.com/web/tools/lighthouse/audits/noopener?utm_source=lighthouse&utm_medium=devtools

    The links coming from the testimonial element are missing the “rel=…..” part, it’s just straight “target=”_blank”. You can see it on your own demo site https://kriesi.at/themes/enfold-2017/elements/testimonials/ if you run a Google Lighthouse audit on it.

    Can this please be addressed in a future update soon? WordPress has fixed this in its own widgets etc for some time now.

    Cheers,

    Tim

    • This topic was modified 6 years, 3 months ago by THP Studio.
    #1138430

    Hi,
    Sorry for the late reply, to change the social icons in your footer to circles try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top .social_widget_icon {
        border-radius: 100px !important; 
    }

    Best regards,
    Mike

    #1138354

    by the way if you could live with a manual setting of a shortcode:

    this to child-theme functions.php:

    function social_bookmarks_shortcode() {
    $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
    $social = avia_social_media_icons($social_args, false);
    return $social;
    }
    add_shortcode('social-bookmarks', 'social_bookmarks_shortcode');

    to see the ul list items besides each other this
    to quick css:

    .widget ul.social_bookmarks {
        display: inline-flex;
    }

    the shortcode is: [social-bookmarks]

    #1135121

    I’m having the same issue. Any chance that the CSS that was added can be provided? I’m only getting the first social media icon in my custom HTML column in the footer.

    Edit: I resolved it using this CSS (posting for future people)
    .widget .social_bookmarks li { clear: none; border: none !important; }

    • This reply was modified 6 years, 4 months ago by mikeack.
    #1134836

    thats why i wrote: If it is too much. there are possibilities to make it manually.
    This above adds an additional widget! not a widget-area. So you only have to pull that widget to any footer widget area you like.
    _________________

    another way is to create a shortcode for that social media icons – and that comes into child-theme functions.php too:

    function social_bookmarks_shortcode() {
    $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
    $social	= avia_social_media_icons($social_args, false);
    return $social;
    }
    add_shortcode('social-bookmarks', 'social_bookmarks_shortcode');

    this to quick css: ( just to show the list-items besides each other)

    #footer .widget ul.social_bookmarks {
        display: inline-flex;
    }

    you can now put in a text widget (Any heading you like) : [social-bookmarks]

    This is the fastest method – the one above in my first posting is elegant but maybe to complicated.

    By the way you mean realy : #footer not #socket as Ismael asked here: https://kriesi.at/support/topic/how-to-add-social-media-icons/#post-1133902
    for socket there is an option on Enfold Options

    #1133902

    Hey theartofcom,

    Thank you for using Enfold.

    Would you consider adding the social icons in the socket or the container below the footer widgets? Edit the Enfold > Footer > Default Footer & Socket Settings to display the footer and socket, then enable the Social Icons.

    Best regards,
    Ismael

Viewing 30 results - 211 through 240 (of 986 total)