Viewing 30 results - 241 through 270 (of 986 total)
  • Author
    Search Results
  • #1132720
    theartofcom
    Participant

    I’d like to add social media icons and links to the footer, but I don’t see any widget or any way to do that. I see the Social Profiles option, but I don’t see how I can access icons to display them.

    #1131435

    Topic: Header Widget settings

    in forum Enfold
    toddbarden
    Participant

    Hi, Im desperately trying to achieve a header like the attached – https://ibb.co/yh0xrVj

    Im pretty close – http://hamiltonmercer-co-uk.stackstaging.com/
    I’d like to place the ‘Header Widget area’ where the social icons are and float the logo left.

    Currently have ‘logo centred, menu below’ but of course happy to change this.

    Can anyone point me to the right CSS to achieve this?

    Many thanks in advance
    Todd

    #1127872

    Never replied to this. Now that Enfold can scan the footer for shortcodes, I have simply replaced the social icon widget with a shortcode for all of my clients sites.

    Cheers guys.

    #1127489

    Hey jillinnemann,

    I think that should be possible, you could try copying the html markup to a widget:

    <ul class='noLightbox social_bookmarks icon_count_6'><li class='social_bookmarks_twitter av-social-link-twitter social_icon_1'><a  target="_blank" aria-label="Link to Twitter" href='https://twitter.com/reybexSoftware' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Twitter'><span class='avia_hidden_link_text'>Twitter</span></a></li><li class='social_bookmarks_facebook av-social-link-facebook social_icon_2'><a  target="_blank" aria-label="Link to Facebook" href='https://www.facebook.com/reybexSoftware/' 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_instagram av-social-link-instagram social_icon_3'><a  target="_blank" aria-label="Link to Instagram" href='https://www.instagram.com/reybexsoftware/' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Instagram'><span class='avia_hidden_link_text'>Instagram</span></a></li><li class='social_bookmarks_linkedin av-social-link-linkedin social_icon_4'><a  target="_blank" aria-label="Link to Linkedin" href='https://www.linkedin.com/company/reybex-cloud-erp/' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Linkedin'><span class='avia_hidden_link_text'>Linkedin</span></a></li><li class='social_bookmarks_youtube av-social-link-youtube social_icon_5'><a  target="_blank" aria-label="Link to Youtube" href='https://www.youtube.com/channel/UCtn9RuUO7E1QA0ReQjE9GKA' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Youtube'><span class='avia_hidden_link_text'>Youtube</span></a></li><li class='social_bookmarks_xing av-social-link-xing social_icon_6'><a  target="_blank" aria-label="Link to Xing" href='https://www.xing.com/xbp/pages/reybex-cloud-erp/' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Xing'><span class='avia_hidden_link_text'>Xing</span></a></li></ul>

    Best regards,
    Rikard

    #1127246
    jillinnemann
    Participant

    Is there a possibility to show the social icons in the footer in a widget and not in the socket?

    #1124698

    Hi,


    @schuhgoettin23
    Here is HTML code you can insert in widget areas to display Twitter and Instagram social icons – https://pastebin.com/tD7R6SzT. Please do not forget to update the links :)

    Best regards,
    Yigit

    #1123380

    Hi,
    Thanks for the login, I added your social icons to your footer via a HTML widget by copying your header social icons. Please review the code in the widget.
    To have the icons show correctly, I included this css in your Enfold Theme Options > General Styling > Quick CSS field:

    #custom_html-2 .social_bookmarks li {
        float: none !important;
        display: inline !important; 
    }

    To remove the transform scale from the image, I added this css your your Quick CSS.

    #top.home .avia-image-container.av-hover-grow img:hover,#top.home .avia-image-container.av-hover-grow .avia-image-overlay-wrap:hover {
        -webkit-transform: scale(1) !important; 
        transform: scale(1) !important; 
    }

    Please clear your browser cache and check.

    Best regards,
    Mike

    #1121838
    Ahlersheinel
    Participant

    Hi,
    to customize the header, I followed the instructions given here: https://kriesi.at/documentation/enfold/header/ and finally here: https://kriesi.at/documentation/enfold/example-of-logo-left-widgets-right-menu-below/

    Like recommended, I Use the setting “Logo left, Menu right”.

    But the menu is now above the logo and widgets and both widgets are not aligned to the right side: https://ibb.co/vPm6T74

    Custom CSS (only background color modifications were made):

    /************************************
    
    Logo left, Widget center, widget right, menu above
    
    *************************************
    
    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:nth-child(3),
    .responsive #top #header #header_main .inner-container .widget:nth-child(4),
    /* 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 outer container */
    
    #top #header #header_main .container.av-logo-container {
        /* Do not change height here */
        /* Auto height: Header takes the height of the contents */
        height: inherit;    
        line-height: inherit;
    }
    
    /* Header inner container */
    
    #top #header #header_main .container.av-logo-container .inner-container {
        /* Define header height here */
        height: inherit;
        position: relative !important;
        flex-wrap: wrap;
        /* Define header padding */
        padding: 10px;
        justify-content: space-between;
    }
    
    /* Wrappers 
    --------------------------------*/
    
    /* Main header ( logo, menu, widgets ) and topbar */
    
    .responsive #top #header {
        flex-wrap: wrap;
    }
    
    /*  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;
    }
    
    @media only screen and (max-width: 767px) {
        .responsive.html_header_transparency #top #wrap_all #main {
            /* Define padding value for transparent header in mobile */
            /*padding-top: 315px !important; */
        }
    }
    
     
    
    /* Fixed header 
    --------------------------------*/
    
    .html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header,
    .html_header_sticky.html_header_transparency #top #wrap_all #header,
    .html_header_sticky #top #wrap_all #header {
        position: fixed;
    }
    
    .html_header_sticky #top #header_main .container,
    .html_header_sticky #top .main_menu ul:first-child>li a {
        height: inherit !important;
        line-height: inherit !important;
    }
    
    /* Main content padding value should be same as the fixed header height. */
    
    .html_header_sticky:not(.html_header_transparency) #top #wrap_all #main,
    .html_header_sticky #top #wrap_all #main {
        /* Define padding only if sticky header is active */
        /*padding-top: 262px ;  */
    }
    
    @media only screen and (max-width: 767px) {
        .html_header_sticky #top #wrap_all #main {
            /* Define padding value for sticky header on mobile */
            /*padding-top: 315px !important; */
        }
    }
    
    /*--------------------------------
    
    » Logo
    
    --------------------------------*/
    
    /* Logo */
    
    .responsive #top #header #header_main .inner-container .logo {
        order: 2;
        flex-basis: 33%;
        /*width: auto;*/
    
        /* Define scalable min width of the logo on small screens */
        min-width: 100px;
        
        z-index: 9;
        /* 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;
    }
    
    /* 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: 1;
    
        /* Define menu width */
        flex-basis: 100%;
    
        align-items: center;
        align-self: center;
        height: inherit !important;
        justify-content: center;
        margin-bottom: 20px;
    }
    
    /* Navigation */
    
    #header .av-main-nav {
        display: flex;
        flex-wrap: nowrap;
    }
    
    /*  Activate burger menu  */
    
    @media only screen and (max-width: 1100px) {
        #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 submenu position fix */
    
    .responsive #top #header .avia_mega_div {
        /* Define megamenu submenu top value */
        /*   top: 300px; 
       position: fixed;
       left: 50%;
       transform: translateX(-50%);*/
    }
    
    /*--------------------------------
    
    » Widget
    
    --------------------------------*/
    
    /* Widgets */
    
    .responsive #top #header #header_main .inner-container .widget {
        flex-basis: auto;
        padding: 0;
        clear: none!important;
    
        justify-content: center;
        align-self: center;
        align-items: center;
        z-index: 1;
        margin: 0 10px;
    }
    
    .responsive #top #header #header_main .inner-container .widget>div {
        width: 100%;
        line-height: 14px;
        padding: 0 10px;
    }
    
    /* Widgets areas */
    .responsive #top #header #header_main .inner-container .widget:nth-child(3){
        order: 3;
        flex-basis: 33%;
    }
    .responsive #top #header #header_main .inner-container .widget:nth-child(4){
        order: 4;
        flex-basis: 33%;
    }
    
    /*--------------------------------
    
    » Social icons
    
    --------------------------------*/
    
    /* Flex support and position fix */
    
    .responsive #top #header #header_main nav .social_bookmarks {
        top: auto;
        margin-top: 0;
        align-items: center;
    }
    
    /* Inherit height for flex alignment */
    
    .responsive #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;
        }
    }
    vincentjamin
    Participant

    Hello,
    I have been trying this for a few days but I can’t find a solution. Maybe someone can help me…
    I am working on this website : https://hellobijoute.com/
    My client asked me to use .svg files made by him as social icons.
    So i chose to use an HTML widget in the header of the website :

    		<a href="https://hellobijoute.com/contact/">
    			<img alt="contact" src="https://hellobijoute.com/wp-content/uploads/2019/07/CONTACT.svg" />
    		</a>
    

    Then i used this to make the icon appear on the right part of the header :

    
    #custom_html-4
    {
     position: absolute;
        top: 15%;
    right:10%;
    	transform: translate(55%, -45%);
        z-index: 999;
    }
    

    Now i have two issues :
    -1-
    It does the job when i open the page on Firefox.
    But on Chrome it dosen’t show the picture. On Edge it show a bigger picture.

    -2-
    When i try to add another picture (to have a second link to another page, Instgram actually) the pictures are displayed on top of one another or not at all.

    Could someone help me please ?

    • This topic was modified 6 years, 5 months ago by vincentjamin.
    #1120689

    Hi Rikard,

    That just move up both widget higher.
    I want the text “SilviaFindings, Canada” to stay the same and looking to position the search bar/icon at the end of secondary menu between the last menu item and the first social icon.

    Thanks
    Lyse

    #1120467
    tremblayly
    Participant

    Hi
    I’ve tried different options based on articles you have about adding widgets to headers.
    I already have a header widget with a text widget for an h1 custom title “SilviaFindings, Canada”.
    The second widget I want to add is the WooCommerce Predictive Search widget and position it at the end of the secondary menu just before the social media icons. I need help to figure this layout/positioning issue because no matter what I try, the search box/icon is always in the center of the header.

    Much appreciate any help you can give me.
    Thanks
    Lyse

    #1114919
    claychurchill
    Participant

    Hello,

    I am pulling my hair out and I know this has got to be a very simple fix. I have a widget (social icons) that I would like centered in a single column. I have searched and tried multiple combinations of custom CSS snippets and have not been able to get it centered. The URL is int he private content and it is the section under the Follow Us on Social Media heading. It is the row of social media icons.

    Thank you for your help.

    Hi Wondergirrrl,

    https://cl.ly/3fcedc71d4fe The code I gave you just increases the icons here and in the footer. And so it does work, I am not sure what buttons you’re talking about here.

    2 You’re using different widgets for the footer columns and so they have different html and styles.

    The code can be added to the Quick css:

    
    #top .widget_nav_menu li {
        font-size: inherit;
    }
    

    The theme is fully responsive and so I am not sure what elements and for what screen sizes you need to adjust. A screenshot would help.

    This code will get the social icons to show on mobile:

    
    @media only screen and (max-width: 479px) {
        .responsive #top #wrap_all #header .social_bookmarks,
         .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
            display: block;
        }
    }
    

    Best regards,
    Victoria

    #1103926

    Great it work sort of. Now i have added to widget it is only on top above the logo.
    How can i get it beneath the menu/social icons?

    #1101930

    To remove social icons try go to

    Enfold>Header>Extra Elements and in Header Social Icons set “No social icon”

    And to insert contacts you can try Header widget – https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

    • This reply was modified 6 years, 8 months ago by LD-Finance.
    #1098857
    joax
    Participant

    I think this would be a fairly easy and highly appreciated add-on.

    So.. Just a widget that displays the social media profiles from the theme settings.. maybe with a setting for icon size

    As it is now I have to do this manually for about 80% of the sites I build

    and maybe update the instagram icon ;-) and add WhatsApp and Phone as an option.. and remove google plus

    • This topic was modified 6 years, 8 months ago by joax.

    I wanted to update with the latest since it has been two days and you typically respond at night my time.

    1. On the homepage, how do I add more space between the four sections of EPX Edge, New Payments Hub and Quick Funding and 24/7 Support? (IMAGE 2)

    View post on imgur.com

    2. How do I remove the blue outline and line down the center of the Green background box of pages as shown in this image? I have no clue where it’s picking up the blue line from as I made the box a cell in the widget footer.

    View post on imgur.com

    3. On the mobile menu, per the image. How do I make the submenu arrow down more black so that the user knows to click on it? I circled the area I’m talking about. Also where exactly would I change the blue background to another Hex color? https://imgur.com/a/LbzR1F5

    4. On mobile, how do I fix the formatting of the word GET that should start below the image and should be on the same line as MORE FOR LESS?

    View post on imgur.com

    5. How do I make the Rev. Slider slides format correctly in mobile view? As you can see from these examples, they are cut off and or too small to read. In desktop view they are perfect.

    6. How do I make the mobile menu appear to the right of the social media icons? It currently is showing the logo to the left which is correct, then the menu and social media icons. I need Logo left as it is set, social media icons then mobile menu to the far right. https://imgur.com/a/ldYtFY9

    7. Please see private image link in Private Content below. Need to add space between phone icon and # and horizontal center the # to the Phone icon.

    8. Please see private link content as to why certain pages menu and phone number are BOLD and some are not per the screenshot. Main Menu fonts are not bold for reference.

    Thanks!

    • This reply was modified 6 years, 8 months ago by webguy007.
    #1092748

    Hey s4phirs,

    Check this and let us know if it does work for you

    Best regards,
    Basilis

    #1092102
    ameibc
    Participant

    i need to change social media icons color in footer socket, i tired to change it from Quick CSS by adding the following code with no response

    #socket .av-social-link-facebook a {
    color: #fff !important;
    background:#fff;
    background-color: #37589b !important;
    }
    #socket .av-social-link-twitter a {
    color: #fff !important;
    background-color: #46d4fe !important;
    }
    #socket .av-social-link-youtube a {
    color: #fff !important;
    background-color: #a72b1d !important;
    }
    #socket .av-social-link-gplus a {
    color: #fff !important;
    background-color: #de5a49 !important;
    }
    #socket .av-social-link-instagram a {
    color: #fff !important;
    background-color: #a67658 !important;
    }

    • This topic was modified 6 years, 9 months ago by ameibc.
    #1086289

    Here are all the errors in Chrome:
    https://www.yourpoolbuilder.com/

    ss

    46
    Refused to apply style from ‘<URL>’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/css/grid.css?ver=4.5.4&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/plugins/wunderground/assets/css/wunderground.css?ver=2.1.3&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/css/layout.css?ver=4.5.4&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/blog/blog.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/css/base.css?ver=4.5.4&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-includes/css/dashicons.min.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/postslider/postslider.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttons/buttons.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttons_fullwidth/buttons_fullwidth.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/comments/comments.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/contentslider/contentslider.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/heading/heading.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/google_maps/google_maps.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/grid_row/grid_row.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery/gallery.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/hr/hr.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/icon/icon.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/iconbox/iconbox.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/iconlist/iconlist.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/image/image.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/magazine/magazine.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/promobox/promobox.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/menu/menu.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/progressbar/progressbar.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/css/avia-snippet-site-preloader.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_fullsize/slideshow_fullsize.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/social_share/social_share.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_fullscreen/slideshow_fullscreen.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/tabs/tabs.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/toggles/toggles.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/video/video.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-includes/css/dist/block-library/style.min.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/js/aviapopup/magnific-popup.css?ver=4.5.4&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/css/shortcodes.css?ver=4.5.4&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/css/avia-snippet-lightbox.css?ver=4.5.4&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.6-78496d1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/css/avia-snippet-widget.css?ver=4.5.4&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/uploads/dynamic_avia/enfold.css?ver=5c9bd83672b52&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=5.1.1&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
    (index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/css/custom.css?ver=4.5.4&#8217; because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

    #1084828

    In reply to: Social Icons in Footer

    you can see here that it is working with the code – for more help please let me see your site to give better advice:
    1) did you enter the code from: https://kriesi.at/support/topic/social-icons-in-footer-8/#post-1084502 with two links?
    2) you can take a text-widget – but insert code to text (not visual) input field

    https://webers-testseite.de/#footer
    it is the right heading on top (blue background-color)

    if like to center these icons on general – you first had to know the id of that widget ( on my test page it is #text-3)
    code will be in that case:

    #footer #text-3 .avia_textblock {
        display: inline-block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    to style and see all icons they must float left:
    on default a ul listpoints are underneath

    #footer .social_bookmarks li {
        height: 100%;
        float: left;
        padding: 0;
        border-right-style: solid;
        border-right-width: 1px;
        display: block;
        width: 30px;
    }
    #1084113

    Hi Ismael,
    After research its the same solution as widget area to the header. Looks good but I need to change CSS a little.
    In examples there is CSS code to Add a widget area on the right side Logo left, Menu center.
    I need to Add a widget area on the right side Logo left, Menu RIGHT – this would be good.
    Will U help me change code to place widget area between burger menu and social icons and place it to the right – this would be perfect.

    Thank U,
    Dominik

    #1083953

    In reply to: Social Icons in Footer

    Hi,

    I put the following code in a text widget:

    <ul class=”noLightbox social_bookmarks icon_count_2″>
    <li class=”social_bookmarks_facebook av-social-link-facebook social_icon_1″><span class=”avia_hidden_link_text”>Facebook</span>

    <ul class=”noLightbox social_bookmarks icon_count_2″>
    <li class=”social_bookmarks_instagram av-social-link-instagram social_icon_2″><span class=”avia_hidden_link_text”>Instagram</span>

    #1083902

    In reply to: Social Icons in Footer

    Hey Brautgalerie,

    Thanks for the update.

    Did you create a custom shortcode for the social icons and place it in a widget? The icons are currently separated on their own social_bookmarks container. How did you add those icons?

    Best regards,
    Ismael

    #1082233

    Topic: Social Icons in Footer

    in forum Enfold
    Brautgalerie
    Participant

    Hi!
    I put a widget in the footer where I displayed some social icons with links to the pages.
    I wanted to center the icons on mobile screen but didn’t succeed. Furthermore, I would like to change the padding between these icons. I tried to use the selector “#footer .social_bookmarks li a” to center the elements and change padding but nothing happens.
    Please find my current custom CSS regarding the footer as follows:

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

    #footer. textwidget {
    margin: 0px !important;
    }

    #footer .textwidget,
    #footer p {
    font-size: 15px;
    }

    #footer h3.widgettitle {
    padding-top: 0px !important;
    margin-top: 0px !important;
    }
    #footer .social_bookmarks li a {
    font-size: 30px;
    }

    #1081899
    Maik
    Participant

    Hi,

    is it possible to see the Scoial Media Icon’s in the Widget, but not in Header/Footer.

    I use these CSS, but the Icon’s are also not show in the widget

    @media only screen and (max-width: 480px) {
    #top .social_bookmarks { display: none !important; }}

    Thanks

    #1078979

    Hi,
    I see that your social icons are a shortcode in a widget, and we have been having an issue with that. I believe that I have a fix for it but I will need ftp access to try. Please post ftp access in the Private Content area.

    Best regards,
    Mike

    #1076484

    Hey Basilis,

    Thanks for the link, I used the first suggestion as my problem has nothing to do with Woo prices. Unofrtunately, the blog category results look exactly the same.

    Please let me know if I screwed something up.

    search.php file (Enfold, site runs a child theme)

    <?php
    if ( !defined(‘ABSPATH’) ){ die(); }

    global $avia_config;

    /*
    * get_header is a basic wordpress function, used to retrieve the header.php file in your theme directory.
    */
    get_header();

    // allows to customize the layout
    do_action( ‘ava_search_after_get_header’ );

    $results = avia_which_archive();
    echo avia_title(array(‘title’ => $results ));

    do_action( ‘ava_after_main_title’ );
    ?>

    <div class=’container_wrap container_wrap_first main_color <?php avia_layout_class( ‘main’ ); ?>’>

    <div class=’container’>

    <main class=’content template-search <?php avia_layout_class( ‘content’ ); ?> units’ <?php avia_markup_helper(array(‘context’ => ‘content’));?>>

    <div class=’page-heading-container clearfix’>
    <section class=”search_form_field”>
    <?php
    echo “<h4>”.__(‘New Search’,’avia_framework’).”</h4>”;
    echo “<p>”.__(‘If you are not happy with the results below please do another search’,’avia_framework’).”</p>”;

    get_search_form();
    echo “<span class=’author-extra-border’></span>”;
    ?>
    </section>
    </div>

    <?php
    if(!empty($_GET[‘s’]) || have_posts())
    {
    echo “<h4 class=’extra-mini-title widgettitle’>{$results}</h4>”;

    /* Run the loop to output the posts.
    * If you want to overload this in a child theme then include a file
    * called loop-search.php and that will be used instead.
    */
    $more = 0;
    global $posts;
    $post_ids = array();
    foreach($posts as $post) $post_ids[] = $post->ID;

    if(!empty($post_ids))
    {
    $atts = array(
    ‘type’ => ‘grid’,
    ‘items’ => get_option(‘posts_per_page’),
    ‘columns’ => 3,
    ‘class’ => ‘avia-builder-el-no-sibling’,
    ‘paginate’ => ‘yes’,
    ‘use_main_query_pagination’ => ‘yes’,
    ‘custom_query’ => array( ‘post__in’=>$post_ids, ‘post_type’=>get_post_types() )
    );

    $blog = new avia_product_slider($atts);
    $blog->query_entries();
    echo “<div class=’entry-content-wrapper’>”.$blog->html().”</div>”;
    }

    ?>

    <!–end content–>
    </main>

    <?php

    //get the sidebar
    $avia_config[‘currently_viewing’] = ‘page’;

    get_sidebar();

    ?>

    </div><!–end container–>

    </div><!– close default .container_wrap element –>

    <?php get_footer(); ?>

    Then Quick CSS:

    .template-search .post-entry.slide-entry {
    position: relative;
    clear: none;
    }

    #top .av-main-nav > li > a {
    font-weight: normal !important;
    }

    .avia-menu-fx {
    display: none;
    }

    .avia-layerslider.avia-shadow {
    box-shadow: none !important;
    }

    .av-iconlist-small li {
    margin-bottom: 3px;
    font-family: “adelle-sans”,sans-serif !important;
    font-style: normal;
    font-weight: 300;
    }

    .avia-button {
    font-size: 18px!important;
    }

    .avia-arrow {
    display: none;
    }

    #top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content {
    background:rgba(236,0,140,0.9) !important;
    }

    .av-masonry-sort * {
    font-size: 17px;
    }

    .avia-testimonial-content {
    background-color: #ffffff!important;
    border-color: rgba(255,255,255,0.7)!important;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    }

    .avia-testimonial-name {
    font-size: 18px !important;
    line-height: 27px !important;
    color: #000000!important;
    font-weight: 300;

    }

    .avia-testimonial-subtitle {
    font-size: 17px !important;
    #595959!important;
    }

    .home #layer_slider_1 .ls-wrapper.ls-in-out {
    text-shadow: 0px 0px 15px #000000;
    }

    @media only screen and (max-width: 767px) {
    figcaption.av-inner-masonry-content {
    display: none!important;
    }}

    span.logo {
    margin-top: 5px;
    }

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

    #footer {
    padding: 0;
    }

    #footer p {
    font-size: 13px!important;
    }

    #footer .widget{
    margin-bottom:0px!important;
    }

    #socket .copyright {
    text-align: center;
    width: 100%;
    }

    #socket .social_bookmarks {
    text-align: center;
    width: 60%;
    }

    #footer {
    padding-bottom: 0;
    }

    .widgettitle {
    text-transform: none;
    }

    #1066220

    In reply to: Font and font size

    Hi Audrey2019,

    I have moved your username and password to private content, so it’s not seen by anyone except the moderators.
    I also have installed a php widget on your site in order to move the social icons in the footer widgets section.
    I have unchecked Social Icons in Enfold > Footer then in Enfold > General Styling > Quick CSS, I added this code:

    #top #footer .social_bookmarks li {
        border: none;
        clear: none;
    }

    Then in Apperance > Widgets > Php Code is dragged to Footer – column1 then put this code:

    <?php
        $social_args 	= array('outside'=>'ul', 'inside'=>'li', 'append' => '');
        echo avia_social_media_icons($social_args, false);
    ?>

    Since the site doesn’t seem to fetch yet the new css I have disabled Css file merging and compression in Enfold > Performance.
    Maybe after a day or two you can enable it back.

    Best regards,
    Nikko

Viewing 30 results - 241 through 270 (of 986 total)