Viewing 30 results - 31 through 60 (of 986 total)
  • Author
    Search Results
  • #1416853
    Sachs
    Participant

    HI Mike
    I’m working on placing a social media icon in the footer. There has been added the below css in quick css:
    #footer .widget ul.social_bookmarks {
    display: inline-flex;
    gap: 0px 10px;
    }

    #footer .widget ul.social_bookmarks li {
    border: none
    }

    There is now missing the [social-bookmarks]
    in the child theme functions.php, however I can’t find file in the editor.

    Please could you assist me?

    Many thanks
    Best regards
    Lene

    #1416747
    Sachs
    Participant

    HI Mike
    I’m working on placing a social media icon in the footer. There has been added the below css in quick css:
    #footer .widget ul.social_bookmarks {
    display: inline-flex;
    gap: 0px 10px;
    }

    #footer .widget ul.social_bookmarks li {
    border: none
    }

    There is now missing the [social-bookmarks]
    in the child theme functions.php, however I can’t find file in the editor.

    Please could you assist me?

    Many thanks
    Best regards
    Lene

    #1412697

    Yes that is a quick and dirty way:

    A way to have there a widget :

    
    /*** custom social bookmarks widget  ****/
    function social_bookmarks_register_widget() {
      register_widget( 'add_social_bookmarks' );
    }
    add_action( 'widgets_init', 'social_bookmarks_register_widget' );
    
    class add_social_bookmarks extends WP_Widget {
      public function __construct() {
        $widget_ops = array(
          'classname' => 'socialbookmarks-widget', 
          'description' => __('A widget that displays the social bookmarks', 'avia_framework') 
          );
        parent::__construct( 'add_social_bookmarks', THEMENAME.' Social Bookmarks', $widget_ops );
      }
    
      public function widget( $args, $instance ) {
        $title = apply_filters( 'widget_title', $instance['title'] );
        echo $args['before_widget'];
        //if title is present
        if ( ! empty( $title ) )
        echo $args['before_title'] . $title . $args['after_title'];
        //output
        echo $before_widget;
        $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
        echo avia_social_media_icons($social_args, false);
        echo $after_widget;
      }
    
      public function form( $instance ) {
        if ( isset( $instance[ 'title' ] ) )
        $title = $instance[ 'title' ];
        else
        $title = __( 'Social Bookmarks', 'avia_framework' );
        ?>
        <p>
        <label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label>
        <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
        </p>
        <?php
      }
    
      public function update( $new_instance, $old_instance ) {
        $instance = array();
        $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
        return $instance;
      }
    }

    and for quick css:

    #top .socialbookmarks-widget .social_bookmarks {
        float: left;
        margin: 15px 0 0 ;
        position: relative;
    }
    
    #top .socialbookmarks-widget .social_bookmarks li {
        float: left;
        clear: right !important;
    }

    but: these are only the social button you have set on enfold options dialaog.

    #1412690

    Hey Danii28,
    Unfortunately there is not a specific widget to show the social icons, but you can use this shortcode solution by Guenni007 to create a shortcode [social-bookmarks] in a Custom HTML widget.

    Best regards,
    Mike

    #1412678
    Danii28
    Participant

    Hello,

    How can I add social media icons to the footer widget? Not to the footer socket, I would like to add this to the footer widget. In the widget menu, I see a lot of enfold widget, but unfortunately I dont see the enfold social icons widget.

    Thank you very much!

    #1412489

    In reply to: Adding Dropdown WPML

    Verstehe. Ich habe tstächlich nur das Burgermenü angelegt. Die Social Icons und die Lupe sind glaube ich bei den Widgets mit reingelegt und per CSS in die obere Leiste gelandet. Also das oben ist kein selbsterstelltes Menü.

    Wie setzt man denn in ein Menü noch ein Burgermenü rein?

    Also muss ich wahrscheinlich ein neues Menü in Enfold anlegen und als Header reinbringen?

    #1412193

    Mike,

    So i dug further and it’s not a matter of even using it in the content anywhere. Just by virtue of having the plugin (GravityView) installed is causing this error.

    “I don’t see that we can correct this plugin in the theme.” – It’s not a matter of fixing the plugin, it’s about fixing how the theme handles shortcodes from other developers. Enfold’s “balance shortcode” feature is what is throwing the errors. Somehow, however Enfold grabs the available shortcodes it’s trying to balance, it grabs that as one of the available shortcodes. It tries to create a regex from it and fails.

    In class-shortcode-parser.php in balance_shortcode() this is the $shortcodes variable it’s trying to process and dying on. With that you should be able to patch the theme so it handles anomalies like this properly.

    Array
    (
        [0] => wp_caption
        [1] => caption
        [2] => gallery
        [3] => playlist
        [4] => audio
        [5] => video
        [6] => embed
        [7] => expand
        [8] => colomat
        [9] => expandsub1
        [10] => expandsub2
        [11] => expandsub3
        [12] => expandsub4
        [13] => expandsub5
        [14] => expandsub6
        [15] => expandsub7
        [16] => expandsub8
        [17] => expandsub9
        [18] => expandsub10
        [19] => expandsub11
        [20] => expandsub12
        [21] => expandsub13
        [22] => expandsub14
        [23] => expandsub15
        [24] => expandsub16
        [25] => expandsub17
        [26] => expandsub18
        [27] => expandsub19
        [28] => expandsub20
        [29] => expandsub21
        [30] => expandsub22
        [31] => expandsub23
        [32] => expandsub24
        [33] => expandsub25
        [34] => expandsub26
        [35] => expandsub27
        [36] => expandsub28
        [37] => expandsub29
        [38] => gv_note_add
        [39] => gv_entry_link
        [40] => gv_edit_entry_link
        [41] => gv_delete_entry_link
        [42] => year
        [43] => av_privacy_allow_cookies
        [44] => av_privacy_accept_essential_cookies
        [45] => av_privacy_google_tracking
        [46] => av_privacy_google_webfonts
        [47] => av_privacy_google_maps
        [48] => av_privacy_video_embeds
        [49] => av_privacy_google_recaptcha
        [50] => av_privacy_custom_cookie
        [51] => av_privacy_accept_button
        [52] => av_privacy_accept_all_button
        [53] => av_privacy_do_not_accept_button
        [54] => av_privacy_modal_popup_button
        [55] => av_privacy_link
        [56] => av_privacy_cookie_info
        [57] => av_sb_instagram_feed
        [58] => av_leaflet_map
        [59] => av_productgrid
        [60] => av_productlist
        [61] => av_product_button
        [62] => av_product_info
        [63] => av_product_review
        [64] => av_product_tabs
        [65] => av_product_upsells
        [66] => avia_sc_product_meta
        [67] => av_product_price
        [68] => av_productslider
        [69] => gravityform
        [70] => gravityforms
        [71] => wpseo_breadcrumb
        [72] => gravityview
        [73] => gventry
        [74] => gvfield
        [75] => gvlogic
        [76] => gvlogic2
        [77] => gvlogic3
        [78] => gvlogicelse
        [79] => tribe:event-details
        [80] => boxzilla_link
        [81] => av_player
        [82] => av_playlist_element
        [83] => av_blog
        [84] => av_buttonrow
        [85] => av_buttonrow_item
        [86] => av_button
        [87] => av_button_big
        [88] => av_catalogue
        [89] => av_catalogue_item
        [90] => av_chart
        [91] => av_chart_dataset
        [92] => av_codeblock
        [93] => av_one_full
        [94] => av_one_half
        [95] => av_one_third
        [96] => av_two_third
        [97] => av_one_fourth
        [98] => av_three_fourth
        [99] => av_one_fifth
        [100] => av_two_fifth
        [101] => av_three_fifth
        [102] => av_four_fifth
        [103] => av_comments_list
        [104] => av_contact
        [105] => av_contact_field
        [106] => av_content_slider
        [107] => av_content_slide
        [108] => av_countdown
        [109] => av_events_countdown
        [110] => av_upcoming_events
        [111] => av_gallery
        [112] => av_horizontal_gallery
        [113] => av_google_map
        [114] => av_gmap_location
        [115] => av_layout_row
        [116] => av_cell_one_full
        [117] => av_cell_one_half
        [118] => av_cell_one_third
        [119] => av_cell_two_third
        [120] => av_cell_one_fourth
        [121] => av_cell_three_fourth
        [122] => av_cell_one_fifth
        [123] => av_cell_two_fifth
        [124] => av_cell_three_fifth
        [125] => av_cell_four_fifth
        [126] => av_heading
        [127] => av_headline_rotator
        [128] => av_rotator_item
        [129] => av_hr
        [130] => av_font_icon
        [131] => av_icon_circles
        [132] => av_icon_circle_item
        [133] => av_icon_box
        [134] => av_icongrid
        [135] => av_icongrid_item
        [136] => av_iconlist
        [137] => av_iconlist_item
        [138] => av_image
        [139] => av_image_diff
        [140] => av_image_hotspot
        [141] => av_image_spot
        [142] => av_partner
        [143] => av_partner_logo
        [144] => av_lottie
        [145] => av_magazine
        [146] => av_mailchimp
        [147] => av_mailchimp_field
        [148] => av_masonry_entries
        [149] => av_masonry_gallery
        [150] => av_submenu
        [151] => av_submenu_item
        [152] => av_notification
        [153] => av_animated_numbers
        [154] => av_portfolio
        [155] => av_post_metadata
        [156] => av_metadata_item
        [157] => av_postcontent
        [158] => av_postslider
        [159] => av_progress
        [160] => av_progress_bar
        [161] => av_promobox
        [162] => avia_sc_search
        [163] => av_section
        [164] => av_slideshow
        [165] => av_slide
        [166] => av_slideshow_accordion
        [167] => av_slide_accordion
        [168] => av_feature_image_slider
        [169] => av_fullscreen
        [170] => av_fullscreen_slide
        [171] => av_slideshow_full
        [172] => av_slide_full
        [173] => av_social_share
        [174] => av_tab_section
        [175] => av_tab_sub_section
        [176] => av_table
        [177] => av_row
        [178] => av_cell
        [179] => av_tab_container
        [180] => av_tab
        [181] => av_team_member
        [182] => av_team_icon
        [183] => av_testimonials
        [184] => av_testimonial_single
        [185] => av_textblock
        [186] => av_timeline
        [187] => av_timeline_item
        [188] => av_toggle_container
        [189] => av_toggle
        [190] => av_video
        [191] => av_sidebar
        [192] => av_dropcap1
        [193] => av_dropcap2
        [194] => gravityview_widget_search
        [195] => gravityview_widget_custom_content
        [196] => gravityview_widget_gravity_forms
        [197] => gv\widgets\page_size
        [198] => gravityview_widget_pagination_info
        [199] => gravityview_widget_page_links
    )
    #1412184
    Anish
    Guest

    Dear Support,

    Good day.
    I have to a support to place a widget on center top header. I have followed the instruction as mentioned in the tutorial, but it is not working.
    I need to take an expert advice from someone as moderator of the theme.

    My license’s, free support was expired on 4th of January.
    Would you give this urgent support to resolve at this time. Still our site is not finished and it is under development.

    1. I would like to place the widget after the logo before the menu. keep the logo/ header size as same.
    2. Shift, social icons on the top of the main menu.
    3. When the menu overflows on the widget due to decrease the screen size, the header break to mobile window therefore appear the burger menu and disappear the social icons.
    4. When burger menu active, the widget must be there at center top, between logo and the burger menu.

    Could you help us to resolve these issues. Please see the login credentials.

    Thank you
    Best Regards
    Anish Appukuttan.

    #1411712

    Hi Mike,

    Morning.
    But I cannot find the avia-post-nav on my quick CSS:
    here is the code I have right now:
    .entry-content blockquote {
    margin: 1.5em 0em!important;
    font-size: 137%!important;
    color: rgb(58, 140, 174)!important;
    font-style: italic!important;
    background: #efefef!important;
    padding: 1em!important;
    text-align: left!important;
    quotes: “\201C””\201D””\2018″”\2019”;
    }

    .entry-content blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    }
    .entry-content blockquote p {
    display: inline;
    }

    .footer_color {
    border: none;
    }

    /* Generated by Font Squirrel (//www.fontsquirrel.com) on April 15, 2015 */

    @font-face {
    font-family: ‘verbextralight’;
    src: url(‘/webfonts/extralight-webfont.eot’);
    src: url(‘/webfonts/extralight-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘/webfonts/extralight-webfont.woff2’) format(‘woff2’),
    url(‘/webfonts/extralight-webfont.woff’) format(‘woff’),
    url(‘/webfonts/extralight-webfont.ttf’) format(‘truetype’),
    url(‘/webfonts/extralight-webfont.svg#verbextralight’) format(‘svg’);
    font-weight: normal;
    font-style: normal;

    }

    /*
    @font-face {
    font-family: ‘verbregular’;
    src: url(‘/webfonts/regular-webfont.eot’);
    src: url(‘/webfonts/regular-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘/webfonts/regular-webfont.woff2’) format(‘woff2’),
    url(‘/webfonts/regular-webfont.woff’) format(‘woff’),
    url(‘/webfonts/regular-webfont.ttf’) format(‘truetype’),
    url(‘/webfonts/regular-webfont.svg#verbregular’) format(‘svg’);
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: ‘verbsemibold’;
    src: url(‘/webfonts/semibold-webfont.eot’);
    src: url(‘/webfonts/semibold-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘/webfonts/semibold-webfont.woff2’) format(‘woff2’),
    url(‘/webfonts/semibold-webfont.woff’) format(‘woff’),
    url(‘/webfonts/semibold-webfont.ttf’) format(‘truetype’),
    url(‘/webfonts/semibold-webfont.svg#verbsemibold’) format(‘svg’);
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: ‘verbcondlight’;
    src: url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.eot’);
    src: url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.woff’) format(‘woff’),
    url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.ttf’) format(‘truetype’),
    url(‘/webfonts/yellow-design-studio-verbcondlight-webfont.svg#verbcondlight’) format(‘svg’);
    font-weight: normal;
    font-style: normal;

    }*/

    @font-face {
    font-family: ‘verbcondregular’;
    src: url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.eot’);
    src: url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.woff’) format(‘woff’),
    url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.ttf’) format(‘truetype’),
    url(‘/webfonts/yellow-design-studio-verbcondregular-webfont.svg#verbcondregular’) format(‘svg’);
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: ‘verbcondsemibold’;
    src: url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.eot’);
    src: url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.woff’) format(‘woff’),
    url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.ttf’) format(‘truetype’),
    url(‘/webfonts/yellow-design-studio-verbcondsemibold-webfont.svg#verbcondsemibold’) format(‘svg’);
    font-weight: normal;
    font-style: normal;

    }
    /*
    html, body, div, p { font-family: ‘verbregular’; }
    h1, h2, h3, h4, h5, h6, strong { font-family: ‘verbsemibold’; font-weight: normal;text-transform:none!important; }*/

    html, body, div, p { font-family: ‘verbcondregular’; }
    h1, h2, h3, h4, h5, h6, strong { font-family: ‘verbcondsemibold’; font-weight: normal;text-transform:none!important; }

    .button-transition-blue {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    }

    .button-transition-blue:hover {
    background:#3a8cae!important;
    }

    .big-thin {
    font-size: 1.6em;
    line-height:1.2em;
    font-family:’verbextralight’;
    color:white;
    }

    .image-overlay {
    visibility: hidden;
    }

    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background: #f9a456!important;
    border: 0px solid white;
    }

    .big-thin span.av_font_icon.avia_animate_when_visible.av-icon-style-.avia-icon-pos-left.avia_start_animation.avia_start_delayed_animation {
    padding-bottom: 100px;
    }

    @media only screen and (max-width: 767px) {

    .big-thin span.av_font_icon.avia_animate_when_visible.av-icon-style-.avia-icon-pos-left.avia_start_animation.avia_start_delayed_animation {
    padding-bottom: 20px;
    }
    }

    .big-thin span.av-icon-char {
    line-height: 1em!important;
    margin-right: 10px;
    }

    #top .av_header_transparency #header_meta {
    border:none;
    }

    div#content {border-color:transparent!important;}

    #top .chatlio-widget textarea {
    line-height: unset!important;
    min-height: unset!important;
    }

    /*this changes the width of the tabs */

    .av-inner-tab-title {
    width: 200px !important;
    font-size: 13px !important;
    font-weight: medium !important;
    }

    /*this adjusts the tab arrow */

    .av-tab-arrow-container {
    width: 200px !important;
    }

    /*this CSS styles the scroll down arrow */
    #top .scroll-down-link {
    /*color: #f9a456 !important; */
    font-size: 150px;

    }

    /* This styles the animated icon list on the PS page */

    .card-container {
    cursor: pointer;
    height: 530px;
    perspective: 600;
    position: relative;
    width: 100%;
    margin-bottom: 25px ;
    }

    .card {
    height: 100%;
    position: absolute;
    border-radius: 6px;
    transform-style: preserve-3d;
    transition: all 1s ease-in-out;
    width: 100%;
    }

    .card:hover {
    transform: rotateY(180deg);
    }

    .card .side {
    backface-visibility: hidden;
    border-radius: 6px;
    height: 530px;
    position: absolute;
    overflow: hidden;
    width: 100%;
    }

    .card .back {
    padding: 20px;
    background: #eaeaed;
    color: #606a71;
    line-height: 20px;
    text-align: left;
    transform: rotateY(180deg);
    }

    /* the following css snippets adjust the icon list that is on the PS page */
    .horizontal-icon-list ul.avia-icon-list li {
    float: left;
    clear: none;
    width: 20%;
    }

    .horizontal-icon-list .iconlist-timeline {
    display: none;
    }

    div.description {
    position:absolute; /* absolute position (so we can position it where we want)*/
    bottom:0px; /* position will be on bottom */
    left:0px;
    width:100%;
    /* styling bellow */
    background-color: #eaeaed;
    color: #606a71;
    }

    p.description_content{
    padding:10px;
    margin:0px;
    font-size: 15px;
    }

    @font-face {
    font-family: ‘Font Awesome 5 Free’;
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(“../webfonts/fa-solid-900.eot”);
    src: url(“../webfonts/fa-solid-900.eot?#iefix”) format(“embedded-opentype”), url(“../webfonts/fa-solid-900.woff2”) format(“woff2”), url(“../webfonts/fa-solid-900.woff”) format(“woff”), url(“../webfonts/fa-solid-900.ttf”) format(“truetype”), url(“../webfonts/fa-solid-900.svg#fontawesome”) format(“svg”); }

    .fa,
    .fas {
    font-family: ‘Font Awesome 5 Free’;
    font-weight: 900; }

    @media only screen and (max-width: 700px) {
    .cta_text_block p {
    line-height: 1.5em;
    }

    }

    @media only screen and (max-width: 700px) {
    .section_heading h2 {
    line-height: 1.5em;
    }

    }

    /* this targets the Learn More btn on the Tech services page */
    .sleeknote-btn {
    display: flex;
    /*justify-content: space-around;*/
    }

    /* this adjusts the padding on the Tech services page */
    .custom-btn-slknte {
    padding-right: 10px;
    }

    /* This removes the comments from the blog */
    .slide-content .slide-meta .slide-meta-comments a, .slide-content .slide-meta .slide-meta-del {
    display: none;
    }

    /* Centers the text on blog page */
    .hero-blog-entry-center {
    text-align: center;
    }

    .hero-blog-entry-center .read-more-link {
    display: block;
    text-align: center;
    margin: 30px auto 20px auto;
    clear: both;
    width: 150px;
    border: none;
    border-style: solid;
    border-width: 2px;
    border-color: #3a8cae;
    padding: 10px 0;
    border-radius: 5px;
    }

    .hero-blog-entry-center .read-more-link .more-link-arrow {
    display: none;
    }

    .new-blog .av-masonry-entry .av-inner-masonry-content {
    height: 158px;
    }

    .logo-bg {
    position: absolute;
    top: 400px;
    right: -400px;
    opacity: 0.05;
    z-index: -10;
    transform: rotate(-30deg);
    }

    /*—————————————-
    // CSS – Content Slider style – 2
    //————————————–*/

    /* Slider Background */
    #top .av-contentslider-style-2 {
    margin: 20px 50px;
    background: #ffffff;
    }

    /* Arrow position */
    #top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 999;
    }

    /* Right arrow*/
    .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls .next-slide {
    right: -35px !important;
    }
    /* Arrow icon */
    #top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a.next-slide:before{
    content:’\e875′;
    }

    /* Left arrow */
    .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls .prev-slide {
    left: -35px !important;
    }
    /* Arrow icon */
    #top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a.prev-slide:before{
    content:’\e874′;
    font-family: ‘entypo-fontello’;
    }

    /* Common arrow styles */
    #top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a {
    border-radius: 25px;
    color:#fff;
    font-weight: bolder;
    font-size: 24px;
    background: #f9a456;
    width: 30px;
    height: 30px;
    }

    #top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a:before {
    background: transparent;
    top:3px;
    }

    /* Arrow hover style */
    #top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a:hover {
    opacity: 1;
    background: #fab677;
    }

    .testimonial-cta {
    background-color: rgba(255, 255, 255, 0.9);
    }

    /* .testimonial-col {
    height: 400px;
    } */

    /* enfold social media icons fix */
    .social_bookmarks_twitter a::before, .av-social-link-twitter a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_facebook a::before, .av-social-link-facebook a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_linkedin a::before, .av-social-link-linkedin a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_pinterest a::before, .av-social-link-pinterest a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_tumblr a::before, .av-social-link-tumblr a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_reddit a::before, .av-social-link-reddit a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_vk a::before, .av-social-link-vk a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_gplus a::before, .av-social-link-gplus a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_mail a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_dribble a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_youtube a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_instagram a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }
    .social_bookmarks_vimeo a::before {
    font-family: ‘entypo-fontello’;
    content: ‘’;
    }

    /* end enfold social media icons fix */

    .standards-solutions-container {
    display: flex;
    justify-content: space-evenly;
    }

    .standards-text-container {
    width: 500px;
    }

    .testimonial-container {
    display: flex;
    justify-content: space-evenly;
    }

    .img-container-test {

    }

    .text-container-test {
    width: 500px;
    margin-right: -60px;
    }

    .solutions-hover:hover {
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
    transition: 0.3s ease-in-out;
    cursor: pointer;
    }

    .hero-ul-list {
    width: 400px;
    margin-bottom: 40px;
    column-count: 2;
    padding: 0;
    }

    .hero-ul-list li {
    line-height:1.5em;
    float:left;
    list-style-type: square;
    }

    /* NEW EDIT */

    h1.headerh1 {
    position: absolute;
    top: 100px;
    z-index: 9999;
    text-align: center;

    }
    #product-feature .flex_column {
    width: 40%;
    }
    /* CSS Code by Agus */

    @media all and (min-width:1025px){
    .hero-content{
    min-height:863px !Important;
    }
    }

    /*.home-heading h1{
    font-family:’verbregular’ !important;
    font-size:38px !important;
    color:#fff !important;
    text-align:center;
    line-height:1.4em;
    letter-spacing:-0.5px !Important;
    margin-bottom:20px !important;
    }*/

    .home-heading h1{
    font-family:’verbcondregular’ !important;
    font-size:38px !important;
    color:#fff !important;
    text-align:center;
    line-height:1.4em;
    letter-spacing:-0.5px !Important;
    margin-bottom:20px !important;
    }

    .home-heading span.orange,
    .main-heading span.orange{color:#f69345 !important}

    .btn-product-tour span:before{
    background:#fff !Important;
    padding:9px;
    border-radius:30px;
    border:1px solid #fff !important;
    color:#f69345 !important;
    }

    .btn-product-tour:hover span:before{
    border:1px solid #f69345 !important;
    }

    .btn-product-tour .avia_iconbox_title{
    margin-right:5px;
    font-weight:600 !important;
    }

    .hero-image img{
    margin-top:-485px !important;
    margin-bottom:-150px;
    }

    .general-button span{
    font-family: ‘Poppins600’ !important;
    font-weight: 600 !important;
    }

    .products .entry-content-wrapper{
    max-width:1100px;
    margin:0 auto;
    }

    #products{
    background: radial-gradient(50% 50% at 50% 50%, #3E91BA 0%, #1D62A0 100%), #2F799E;
    }

    .main-heading h3{
    font-family: ‘verbsemibold’ !important;
    font-weight: 600 !important;
    }

    /*.main-heading span.special_amp{
    font-family:”verbregular” !Important;
    font-size:1em !important;
    font-style:normal !Important;
    }*/

    .main-heading span.special_amp{
    font-family:”verbcondregular” !Important;
    font-size:1em !important;
    font-style:normal !Important;
    }

    .features{
    height:400px !important;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(29px);
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
    border: 1px solid #5597bf;
    }

    .features p{
    margin-right:80px !important;
    }

    .features:hover{
    background:#fff !important;
    }
    .features:hover h2{
    color:#f69345 !important;
    }

    .features:hover h4{
    color:#000 !important;
    }
    .features:hover p{
    color:#4d4d4d !important;
    }
    .products .flex_column_table{
    margin-top:70px !important;
    }

    .content-slider{
    overflow:visible !Important;
    }

    .content-slider .avia-content-slider-inner{
    max-width:1140px !Important;
    margin:0 auto;
    }

    .content-slider .slide-entry{
    border-radius: 10px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #00000026;
    padding:12px;
    }

    .content-slider .slide-entry img{
    border-radius:10px !Important;
    }

    .content-slider .slide-entry h3{
    font-family:Roboto, sans-serif !important;
    color: #051728 !important;
    font-size: 22px !important;
    font-weight: 600;
    line-height: 33px;
    margin-top: 4px;
    max-height:98px;
    overflow:hidden;
    }

    .content-slider a.more-link{
    font-family: “Roboto”, Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    padding: 0px 0px 0px 0px;
    border-radius: 0px;
    color: #458350;
    margin-top: 5px;
    }

    .content-slider .slide-content{
    padding:10px !important;
    }

    .content-slider .avia-content-slider-inner{
    overflow:visible !Important;
    }

    .content-slider .av_one_third,
    .success-story .av_one_third{
    margin-left: 3%;
    width: 31.333333333333332%;
    }

    .content-slider .av_one_third.first,
    .success-story .av_one_third.first{
    margin-left:0px !important;
    }

    .content-slider .avia-slideshow-arrows a.next-slide{ right: -40px !important}

    .content-slider .avia-slideshow-arrows a.prev-slide{ left: -40px !important}

    .content-slider .avia-slideshow-arrows a.next-slide,
    .content-slider .avia-slideshow-arrows a.prev-slide{
    border-radius: 50px !important;
    font-size: 16px !important;
    height: 41px !important;
    width: 41px !important;
    }

    .content-slider .avia-slideshow-arrows a:before{
    border-radius:50px !Important;
    line-height: 41px !important;
    background:#f69345 !Important;
    color:#fff !Important;
    border:1px solid #f69345;
    }

    .content-slider .avia-slideshow-arrows a:hover:before{
    background:#fff !important;
    color:#f69345 !important;
    }

    .content-slider .avia-slideshow-arrows a{
    top:50% !important;
    opacity:1 !important;
    }

    .success-story h3{
    display:none !Important;
    }

    /*.success-story h2{
    font-family:’verbregular’ !important;
    color:#051728 !important;
    line-height:1.4em !Important;
    margin-top:0px !Important;
    font-weight:600;
    -webkit-font-smoothing:antialiased;
    }*/
    .success-story h2{
    font-family:’verbcondregular’ !important;
    color:#051728 !important;
    line-height:1.4em !Important;
    margin-top:0px !Important;
    font-weight:600;
    -webkit-font-smoothing:antialiased;
    }

    .success-story p{
    font-size:16px !important;
    }

    .success-story a.read-more{
    color: #458350;
    font-family: “Vern font”, Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    position:absolute;
    bottom:17px;
    }

    .success-story .slide-entry{
    min-height:463px;
    border-radius:10px;
    padding:15px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #D9D9D9;
    transition: background 0s, border 0s, border-radius 0s, box-shadow 0s !Important;

    }

    .success-story .slide-entry-wrap{
    padding:0px 20px;
    margin:0 auto !Important;
    }

    .success-story .avia-slideshow-arrows {
    position: absolute !important;
    width: 100% !important;
    top: 50% !important;
    left: 0;
    height: 41px;
    }

    .success-story .avia-slideshow-arrows a{
    height:41px !Important;
    width:41px !important;
    line-height:41px !important
    }

    .success-story .avia-slideshow-arrows a:before{
    line-height:41px !important;
    font-size:16px !important
    }

    .success-story a:before{
    border:none !Important
    }

    .success-story a.prev-slide{
    left:-40px;
    }

    .success-story a.next-slide{
    right:-40px !important;
    }
    .success-story a.prev-slide, .success-story a.next-slide{
    min-width:41px !important;
    border-radius:50px;
    border:1px solid #f69345 !Important;
    background:#f69345 !important;
    color:#fff !important;
    }

    .success-story a.prev-slide:hover, .success-story a.next-slide:hover{
    background:#fff !important;
    color:#f69345 !important;
    opacity:1 !important;
    }

    .home-subscribe{
    background: rgb(255,255,255) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0) 75%, rgba(29,98,160,1) 75%) !important;
    }

    .home-footer{
    background: radial-gradient(50% 50% at 50% 50%, #3E91BA 0%, #1D62A0 100%), #2F799E;
    }

    .home-footer img{
    width:174px !Important;
    }
    .home-footer .avia-image-container{
    text-align:left !important;
    margin-bottom:20px;
    }

    .home-footer p{
    font-size:16px;
    color:#BED3E4;
    padding-right:100px;
    }

    .home-footer h3{
    font-size:20px !important;
    color:#ffffff !important;
    margin-bottom:20px !important;
    }

    /*.home-footer h5{
    font-family:”verbregular” !Important;
    font-size:16px !important;
    color:#ffffff !important;
    margin-bottom:20px !important;
    }

    .home-footer h6{
    font-family:”verbregular” !Important;
    font-size:14px !important;
    color:#ffffff !important;
    }*/

    .home-footer h5{
    font-family:”verbcondregular” !Important;
    font-size:16px !important;
    color:#ffffff !important;
    margin-bottom:20px !important;
    }

    .home-footer h6{
    font-family:”verbcondregular” !Important;
    font-size:14px !important;
    color:#ffffff !important;
    }

    .home-footer li{border-width:0px !Important}
    .home-footer li a{font-size:14px !important;color:#D8E9F1 !Important;padding:5px 0px !important;line-height:1.5em !Important}

    .home-footer li a:hover{background:transparent !Important;color:#D8E9F196 !important}

    .home-footer .av-share-box ul li a{
    width:38px !Important;
    height:38px !important;
    margin-right:12px;
    padding-top: 10px !important;
    background: #f69345 !important;
    }

    .home-footer .av-share-box ul li:hover a{
    margin-top:-10px !important;
    }

    .home-copyright{
    border-top:1px solid #fff !Important;
    padding-top:25px;
    }

    .home-footer .template-page{
    padding-bottom:20px !Important;
    }

    @media all and (max-width:1024px){
    .features p{margin-right:0px !important}
    .avia-section-huge .content{padding-top:60px !important;padding-bottom:60px !Important}
    .main-heading{margin-bottom:20px !Important;padding-bottom:0px !Important}
    .home-footer p{padding-right:50px !Important}
    .hero-content{min-height:720px !Important}
    }
    @media all and (max-width:767px){
    .home-heading h1{font-size:32px !important;line-height:1.2em !Important;}
    .hero-content{padding:40px 25px 25px 25px !important}
    .hero-image img{margin-top:-185px !important}
    .hero-content{min-height:auto !Important}
    .infographic{padding:0px !important}
    #domain-expertise .av_one_half,
    #professional-services .av_one_half,
    #innovative-software .av_one_half{padding:0px !Important}
    .products .av_one_half{padding:25px !important}
    .products .first{margin-bottom:85px !Important;overflow:hidden;}
    .home-subscribe {
    background: rgb(255,255,255) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0) 85%, rgba(29,98,160,1) 85%) !important;
    }
    }

    #1411016

    Hey woogie07,
    To add social icons to your footer widget, try following this solution to create a shortcode that you can add to your footer widget.

    Best regards,
    Mike

    #1411011
    woogie07
    Participant

    Hi,

    Is there a widget within the theme to add social icons and links into the footer area?

    Thanks

    #1410994

    Hi,
    Thank you for your patience, to add similar portfolio items to your portfolio page like in our demo here, see Recent Entries add a portfolio grid element and choose the categories to show and how may columns.
    To add social icons to your footer widget, try following this solution to create a shortcode that you can add to your footer widget.
    To add a link to category pages to your menu, use the custom link menu item and add the link to your category page.

    Best regards,
    Mike

    #1408693

    have you used this: https://kriesi.at/support/topic/social-media-icons-in-footer-8/#post-1397164

    have you added the css in quick css ( otherwise the icons will be : as list under each other )

    #footer .widget ul.social_bookmarks {
        display: inline-flex;
        gap: 0px 10px;
    }
    
    #footer .widget ul.social_bookmarks li {
        border: none
    }
    #1408596

    Hello,

    I’m having the what seems to be common issue of adding social icons to a widget in the footer. I followed the instructions on this page: https://kriesi.at/support/topic/social-media-icons-in-footer-8/
    However, although I have both Facebook and Instagram within the child theme’s settings, it is only showing the icon for Facebook.

    Any help would be greatly appreciated. I’ve added the URL to the site in the Private Content box below.
    Also, is there a way to right align these icons?

    Thanks in advance!

    Hi,
    Thanks for the feedback, I’m pretty sure that it is referring to the icons in the footer widget because it says div.textwidget
    Try copying the html for the social icons in the frontend and paste it into the widget instead of the shortcode and change the aria-hidden to false in the html and test again.
    Did you also test your homepage and get the same results as I did in the screenshot above, that shows no error for the same elements? Is your wp-rocket settings different for your homepage such as lazy loading or such?

    Best regards,
    Mike

    Hi,
    Thanks for the feedback, I see your link is to some inner pages where I had tested the homepage, I don’t know why you see the error there:
    Enfold_Support_2140.jpeg
    but not on the homepage:
    Enfold_Support_2142.jpeg
    For the two social icons in your footer in the text widget, I assume that you added these manually, can you just change the aria-hidden to false?
    I will research a solution for the scroll-top-link

    Best regards,
    Mike

    #1408461

    Hi,
    The above css doesn’t look right, but your site is not showing footer icons I only see a shortcode, [social-bookmarks] please enable the function to make the shortcode work and try this css:

    #footer .widget ul.social_bookmarks {
    display: inline-flex;
    gap: 0px 10px;
    }
    
    #footer .widget ul.social_bookmarks li {
    border: none
    }

    Best regards,
    Mike

    #1408410
    This reply has been marked as private.
    #1408012
    Munford
    Participant

    hi
    I’ve searched all the threads and tried many codes without success
    Trying to center the social media icons in my footer on mobile only –
    I have code in the functions.php and some css and have the shortcode in my column 1 widget but they are aligned left.
    Can you help?
    thanks
    Nancy

    • This topic was modified 2 years, 7 months ago by Munford.
    #1401598

    Hi,
    Thank you for the link to your site, to remove the hover effect and the external link icon from the image element showing a map image on your page /kontakt/ (page-id-3407), please try this css:

    #top.page-id-3407 .image-overlay.overlay-type-extern .image-overlay-inside:before {
    display: none;
    }
    .avia_transform #top.page-id-3407 #main a:hover .image-overlay {
        opacity: 0 !important;
    }
    

    For your CONNECT widget, I see that you added HTML for LinkedIN & YouTube icons and links, but the HTML for Youtube was missing the icon code data-av_icon="" I added it for you. For future projects, you may wish to consider a shortcode Guenni007 posted here.
    To remove the space under your 3 columns in the #service section, please try this css:

    #top.home #service {
    	height: 0;
        min-height: 0;
    }

    To change the background color of the scrolled transparent header, try this css:

    #top #wrap_all #header.header_color.header-scrolled .header_bg {
    background-color: rgba(0,0,0,0.2);
    }

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

    Best regards,
    Mike

    #1399935

    Hi,

    Looks like the facebook social icon was added using the icon shortcode or element. For the linked icon, try to include this shortcode in the text widget.

    [av_font_icon icon='ue8fd' font='entypo-fontello' style='' caption='' size='40px' position='left' color='' link='manually,http://yourlinkedinprofile.com' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-les64g5y' sc_version='1.0' admin_preview_bg=''][/av_font_icon]
    

    Replace the value (yourlinkedinprofile) of the link parameter in the shortcode with the actual linkedin profile URL.

    Best regards,
    Ismael

    #1399221

    Topic: Social network sharing

    in forum Enfold
    Nathan11
    Participant

    Good morning
    I’m coming back to you because I can’t put a widget with social network sharing icons like facebook twitter etc… They don’t display even with the kriesi example one.
    THANKS

    #1398078

    In reply to: Adding image

    Hey troupdim,
    The Photography Demo uses a sidebar header, so please see our documentation for Adding a header widget area, this will place the image before the social icons:
    Enfold_Support_361.jpeg
    to move it after the social icons try adding a script like this to the end of your child theme functions.php file in Appearance ▸ Editor:

    function custom_script() { ?>
      <script>
    window.addEventListener('DOMContentLoaded', function() {
    (function($) {
        $('#header_main #media_image-2').css({'padding':'0'}).detach().insertAfter($('.av-sidebar-social-container').css({'border-bottom':'1px solid #e1e1e1'}));
    })(jQuery);
    });
    </script>
      <?php
    }
    add_action('wp_footer', 'custom_script');

    please note that your image widget ID maybe different, if you need help adjusting please link to your page so we can examine.
    This is the expected results:
    Enfold_Support_363.jpeg

    Best regards,
    Mike

    #1397572

    Hi,
    Thanks for the login, I have added Guenni007‘s shortcode function to your 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');

    and the css to your quick css

    #footer .widget ul.social_bookmarks {
        display: inline-flex;
        gap: 0px 10px;
    }
    
    #footer .widget ul.social_bookmarks li {
        border: none
    }	

    and now they show in your footer widget where you had added the shortcode [social-bookmarks]
    Enfold_Support_322.jpeg
    Please clear your browser cache and check.

    Best regards,
    Mike

    #1397417
    This reply has been marked as private.
    #1397164

    Are these bookmarks the same that you have entered on enfold options ?
    If so you can make your own social-bookmark shortcode – put this to your 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');

    and this to your quick css:

    #footer .widget ul.social_bookmarks {
        display: inline-flex;
        gap: 0px 10px;
    }
    
    #footer .widget ul.social_bookmarks li {
        border: none
    }

    then you can use on your footer widgets a text widget to insert your social bookmarks by: [social-bookmarks]

    #1397106

    Hey Ismael
    I have looked and in the Enfold extension->footer the social icons setting is for the socket and not the footer. In footer widget which widget are you suggesting? I don’t see a widget for sociale icons…

    Please explain.
    Thanks
    Best regards’
    Lene

    #1397077

    Hey Lene,

    Thank you for the inquiry.

    You can enable the social icons in the Enfold > Footer panel, just for the Social Icons toggle. If you need to add the social icons in the footer widgets, try to use a Text or HTML widget and the HTML manually, or install a plugin.

    // https://wordpress.org/plugins/new-social-media-widget/
    // https://wordpress.org/plugins/simple-social-icons/

    Best regards,
    Ismael

    #1397014
    Sachs
    Participant

    Hey Support
    I need to place 3 social media icons with link to each profile, the icons should be placed in the 3 column:

    1. Instagram
    2. LinkedIn
    3. Facebook

    Please could provide me html
    I have added this css to the quick css, but I’m not sure if it is correct:
    .widget .social_bookmarks li { clear: none !important; }

    Many thanks for your support.
    Best regards
    Lene

Viewing 30 results - 31 through 60 (of 986 total)