Viewing 30 results - 361 through 390 (of 18,716 total)
  • Author
    Search Results
  • #1474025
    abortolotti
    Participant

    Hey there,

    how can I increase the font size of the burger menu? Is there a CSS I can add?

    You can check how small it looks on https://coachcristina.com/home-2/

    Thank you so much for your help!

    Antonio

    #1474023

    Hi, I checked the resource you recommend but there is no way to change the just the font family or the link size for the links specifically in my mega menu. I do see a way to change all the element size using the advanced settings but I need the link element specifically in the mega menu. I wanted to have different fonts and sizes for the links and headers in the mega menu. The advanced styling setting make everything the same font. Please let me know if this is doable.

    This thread highlights what I’m trying to do but the code did not work. https://kriesi.at/support/topic/enfold-mega-menu-font-sizes-and-spaces/

    Basically I want the links a different font family than the header and smaller. I thought this code would work but it doesn’t

    #top #header .avia_mega_div > .sub-menu > li > ul > li a { font-size: 16px; }

    #1473989

    In reply to: Mega Menu Font size

    Hey spokerstradingco,

    Please continue here: https://kriesi.at/support/topic/change-text-size-of-links-and-font-family-in-mega-menu/

    Best regards,
    Ismael

    #1473947
    spokerstradingco
    Participant

    How do I change the size and the font family for the link in my mega menu?

    #1473944

    Topic: Mega Menu Font size

    in forum Enfold
    spokerstradingco
    Participant

    How do I change the font size and font family for the description text box in my mega menu?

    #1473874

    In reply to: changing font sizing

    Hey John,

    Thank you for the inquiry.

    You may need to adjust the font sizes in the Enfold > General Styling > Typography tab. Let us know if you need further assistance.

    Best regards,
    Ismael

    Hey Dzimnikov,

    Thank you for the inquiry.

    Try to add this script in the functions.php file to create another container below the product description or shop banner :

    function ava_custom_add_shipping_text_script() { 
        if (is_shop()) { 
        ?>
            <script>
                (function ($) {
                    $(document).ready(function () {
                        var newContainer = $('<div class="av-custom-shipping-container"><p>Free Shipping on All Orders!</p></div>');
                        $('#av_product_description .container').after(newContainer);
                    });
                }(jQuery));
            </script>
        <?php 
        }
    }
    add_action('wp_footer', 'ava_custom_add_shipping_text_script', 99);
    

    Then add this css code to adjust the style of the new container:

    #top .av-custom-shipping-container {
        background: red;
        padding: 20px;
    }
    
    #top .av-custom-shipping-container p {
        color: #ffffff;
        font-size: 40px;
    }

    Best regards,
    Ismael

    #1473858

    Topic: changing font sizing

    in forum Enfold
    aussiedropbear
    Participant

    Hello,

    Not sure if I’m losing my mind here but to change the font sizing of headings and body text – wasn’t this in General Styling/Fonts where you can choose the font type and then the font size from within the same tab section? I only have the font type – where did the sizing go?

    Thanks
    John

    #1473718

    Hey yifatcohen,

    Thank you for the inquiry.

    We adjusted the css modification a bit — please try it again:

    #top .avia-button-wrap .avia-button, #top .button {
        background: #990033;
        background-image: -webkit-linear-gradient(top,#990033,#ff924d);
        background-image: -moz-linear-gradient(top,#990033,#ff924d);
        background-image: -ms-linear-gradient(top,#990033,#ff924d);
        background-image: -o-linear-gradient(top,#990033,#ff924d);
        background-image: linear-gradient(to bottom,#990033,#ff924d);
        -webkit-border-radius: 26px;
        -moz-border-radius: 26;
        border-radius: 26px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 10px 20px 10px 20px;
        text-decoration: none;
        bottom: 0px;
        border-color: transparent !important;
        border: 0;
    }

    Best regards,
    Ismael

    #1473715
    yifatcohen
    Participant

    I added this CSS code to change all buttons to gradients:

    .avia-button, .button {
    background: #990033;
    background-image: -webkit-linear-gradient(top, #990033, #ff924d);
    background-image: -moz-linear-gradient(top, #990033, #ff924d);
    background-image: -ms-linear-gradient(top, #990033, #ff924d);
    background-image: -o-linear-gradient(top, #990033, #ff924d);
    background-image: linear-gradient(to bottom, #990033, #ff924d); !important;
    -webkit-border-radius: 26;
    -moz-border-radius: 26;
    border-radius: 26px; !important;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    bottom: 0px;
    }

    button

    You’ll notice 2 things:
    1. the main blue color is still showing up there as a shadow
    2. the border-radius seems to be ignored completely.

    How do I fix that?

    Ah, you can see it live here – https://gregward.com/

    #1473713

    Hello, thank you. The font in the left column of the table is fine, we inserted the bold element on purpose. What I consider problematic is the right column, please see the attached screenshot 1. Here you can see that the text “A” (paragraph) is larger and narrower than the text “B”. This is despite the fact that the default font size has been defined as 15px (the same as for paragraphs). Please see the attached screenshot 2. How can we solve this?

    Hey pramedia,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #main .scroll-down-link:before {
    	color: #fff;
    	font-size: 80px;
    }

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

    Best regards,
    Mike

    #1473503
    fp47
    Participant

    Hi,

    I would like to change Main menu color and font size.
    I tired many things but…

    how to increase the font size and change colors

    Thnak you so much

    #1473394

    In reply to: add custom icon

    Hi,

    How can I place the icon in the middle?

    Make sure the background-position is set to center center, and adjust the value of the background-size property if you need to reduce the size of the images.

    Example:

    div[data-av_icon="\e804"] {
        content: " ";
        background-image: url(/wp-content/uploads/2024/12/Goering_Icon5_eKey_farbig_RGB.png) !important;
        background-size: 50%;
        background-repeat: no-repeat;
        font-size: 0 !important;
        background-position: center center;
    }

    Best regards,
    Ismael

    #1473347

    Hi,

    Thank you for the update.

    1. Remove the text Share This Entry
    2. Remove the Hover Tabs “link to facebook” etc
    3. Make the icons smaller – one one line?

    Please add the following css code to adjust the social icons based on your requests above:

    #top #footer-page .av-social-sharing-box:not(.av-social-sharing-box-default) .av-share-box ul li .avia-related-tooltip.avia-tt {
        display: none !important;
    }
    
    #top #footer-page .av-social-sharing-box:not(.av-social-sharing-box-default) .av-share-box ul {
        display: flex;
    }
    
    #top #footer-page .av-social-sharing-box.av-social-sharing-box-same-width .av-share-box ul li a {
        width: 30px;
        height: 30px;
    }
    
    #top #footer-page .av-share-box ul li a {
        display: block;
        padding: 2px 0;
        text-decoration: none;
        color: inherit;
        font-size: 11px;
        transition: all 0.2s ease-in-out;
    }

    4. Change the background color of the icons and icon color?

    Then use this css code to adjust the background and color of the social icons — note the selector “.av-social-link-facebook” when modifying other social icons.

    #top #footer-page .av-social-sharing-box.av-social-sharing-box-color-bg .av-social-link-facebook a {
        color: #fff;
        background-color: #37589b;
    }
    

    Best regards,
    Ismael

    #1473269

    In reply to: add custom icon

    Hi,
    For the css, each icon has a different code number, for your shield with the check mark it is \e802

    div[data-av_icon="\e802"] {
    	content: " ";
    	background-image: url(/wp-content/uploads/2024/12/Goering_Icon1_eCheck_farbig_RGB.png) !important;
    	background-size: contain;
    	background-repeat: no-repeat;
           font-size: 0 !important
    }

    I adjusted your css and now it works.
    Enfold Support 6559
    Please review the thread on how to find the icon code:
    Enfold Support 6561

    Best regards,
    Mike

    #1473241

    In reply to: add custom icon

    This reply has been marked as private.

    maybe this is then the way it works:

    ok – try now – change to your needs and transition timings:

    /*** ===============================***/
    /* Basisstil für alle Weiter Lesen "buttons" */
    .more-link {
      display: inline-flex !important; /* Flexbox für zentrierten Inhalt */
      flex-flow: row nowrap;
      justify-content: center; /* Horizontale Zentrierung */
      align-items: center; /* Vertikale Zentrierung */
      font-weight: 800; /* Fettschrift */
      text-align: center !important;
      white-space: nowrap;
      vertical-align: middle;
      user-select: none;
      border: 2px solid #ff3366 !important; /* Rahmenfarbe */
      padding: 0.95rem 2.5rem 0.95rem 2rem !important; /* Innenabstand */
      font-size: 1rem; /* Schriftgröße */
      line-height: 1rem; /* Zeilenhöhe */
      border-radius: 100px !important; /* Abgerundete Ecken */
      color: #ffffff !important; /* Schriftfarbe Weiß */
      font-family: 'Montserrat', sans-serif; /* Schriftart */
      letter-spacing: 0.25px; /* Buchstabenabstand */
      text-transform: uppercase; /* Großbuchstaben */
      background-color: #ff3366; /* Hintergrundfarbe */
      position: relative; /* Für die Animation */
      overflow: hidden; /* Inhalt begrenzen */
      transition: all 300ms ease-in-out; /* Sanfter Übergang */
      width: auto !important;
    }
    
    /* Stil für den Text und die Pfeile */
    .more-link span {
      display:  inline-flex; /* Flexbox für Text und Pfeile */
      flex: 0 1 auto;
      transition: all 700ms ease-in-out; /* Sanfte Bewegung */
      padding: 0px;
    }
    
    .more-link:hover span {
      padding: 0 3px;
    }
    
    /* Stil für die Pfeile */
    .more-link .more-link-arrow::after {
      content: ">>"; /* Pfeile */
      font-family : inherit;
      opacity: 0; /* Unsichtbar im Standardzustand */
      visibility: hidden;
      position: absolute;
      top: 14px;
      right: 0.5ch;
      color: #ffffff; /* Pfeile in Weiß */
      font-size: inherit;
      font-weight: 800;
      line-height: inherit;
      transition: all 700ms ease-in-out;
    }
    
    /* Hover-Effekt für die Pfeile */
    .more-link:hover .more-link-arrow::after {
      visibility: visible;
      opacity: 1; /* Pfeile werden sichtbar */
     
    }
    
    .more-link:hover .read-more-text {
      transform: translateX(-1ch); /* Text verschiebt sich leicht nach links */
    }
    
    Jak73
    Participant

    Hi,

    i added a animated style to a button, which works well:

    /* Basisstil für alle Buttons */
    .avia-button, .avia-button.avia-size-small, .avia-button.avia-size-large {
        display: inline-flex; /* Flexbox für zentrierten Inhalt */
        justify-content: center; /* Horizontale Zentrierung */
        align-items: center; /* Vertikale Zentrierung */
        font-weight: 800; /* Fettschrift */
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        user-select: none;
        border: 2px solid #ff3366; /* Rahmenfarbe */
        padding: 0.95rem 2.5rem; /* Innenabstand */
        font-size: 1rem; /* Schriftgröße */
        line-height: 1; /* Zeilenhöhe */
        border-radius: 100px; /* Abgerundete Ecken */
        color: #ffffff !important; /* Schriftfarbe Weiß */
        font-family: 'Montserrat', sans-serif; /* Schriftart */
        letter-spacing: 0.25px; /* Buchstabenabstand */
        text-transform: uppercase; /* Großbuchstaben */
        background-color: #ff3366; /* Hintergrundfarbe */
        position: relative; /* Für die Animation */
        overflow: hidden; /* Inhalt begrenzen */
        transition: all 300ms ease-in-out; /* Sanfter Übergang */
    }
    
    /* Stil für den Text und die Pfeile */
    .avia-button span {
        display: inline-flex; /* Flexbox für Text und Pfeile */
        align-items: center; /* Vertikale Zentrierung */
        transition: transform 300ms ease-in-out; /* Sanfte Bewegung */
    }
    
    /* Stil für die Pfeile */
    .avia-button span::after {
        content: ">>"; /* Pfeile */
        opacity: 0; /* Unsichtbar im Standardzustand */
        position: absolute;
        color: #ffffff; /* Pfeile in Weiß */
        font-size: 1rem;
        font-weight: 800;
        left: 100%; /* Start direkt rechts neben dem Text */
        margin-left: 1ch; /* Zwei Leerzeichen Abstand */
        transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
    }
    
    /* Hover-Effekt für den Text */
    .avia-button:hover span {
        transform: translateX(-1ch); /* Text verschiebt sich leicht nach links */
    }
    
    /* Hover-Effekt für die Pfeile */
    .avia-button:hover span::after {
        opacity: 1; /* Pfeile werden sichtbar */
        transform: translateX(0); /* Pfeile bleiben an ihrer Position */
    }

    Now i’m trying to have the same effect on the read more button from the blog, but it seems not to work properly.
    What am i missing here?

    kind regards

    Jak

    it is not only the double button – you can insert on caption for example this:
    ( just style it on the page bottom – copy that enfold button shortcode and insert it on captions field )

    [av_button label='Click me' icon_select='yes-right-icon' icon='ue82b' font='entypo-fontello' icon_hover='aviaTBicon_hover' title_attr='' button_type='' link='manually,#' link_dynamic='' link_target='' download_file='https://' attachment='' attachment_size='' downloaded_file_name='' size='large' position='center' label_display='' size-text='' av-desktop-font-size-text='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' color_options='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='conversion' template_class='' element_template='' one_element_template='' av_uid='av-lu0tlroy' sc_version='1.0' admin_preview_bg='']
    

    As you can see on that second image – not all of the code is needed. This is the main you need for a button – change size and position to your need and maybe remove icon_hover attribute. maybe set a custom class or ID. How to get the icon codes ? … ask.

    
    [av_button label='your button label' icon_select='yes' icon='ue859' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,#' link_target='' size='medium' position='center' label_display='' title_attr='' color='light' custom_bg='' custom_font='' id='abc' custom_class='def']
    #1472855

    Hey evadietetique,

    It might be easier if you simply add the shortcodes for that demo to a new page, since it’s only a single page. Please activate debug mode under Enfold->Layout Builder->Show Advanced Options, then paste this shortcode in the window which will appear under the regular layout window:

    [av_layout_row border='' min_height_percent='100' min_height='0' color='main_color' mobile='av-flex-cells' id='welcome' av_element_hidden_in_editor='0' mobile_breaking='' av_uid='av-busuf8']
    [av_cell_one_half vertical_align='middle' padding='200px,0px,200px,0px' background_color='' src='https://kriesi.at/themes/enfold-freelancer/files/2017/09/freelancer-girl.jpg' attachment='219' attachment_size='full' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='' av_uid='av-bqgyjg']
    
    [/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='' src='https://kriesi.at/themes/enfold-freelancer/files/2017/09/bg.jpg' attachment='217' attachment_size='full' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='' av_uid='av-bjr95g']
    
    [av_heading tag='h1' padding='0' heading='Welcome!' color='' style='blockquote modern-quote' custom_font='' size='60' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-bclyt0'][/av_heading]
    
    [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-b880uk']
    
    [av_textblock size='25' font_color='custom' color='#000000' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='' av_uid='av-13rf10']
    I am Sarah, an experienced California based freelancer. I specialise in graphic design & user interfaces as well as photo, video & audio editing.
    [/av_textblock]
    
    [av_hr class='invisible' height='10' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-awl6x0']
    
    [av_button label='Learn more!' link='manually,#next-section' link_target='' size='large' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='custom' custom_bg='#c3aca1' custom_font='#ffffff' admin_preview_bg='' av_uid='av-am3mbo']
    
    [/av_cell_one_half]
    [/av_layout_row]
    
    [av_layout_row border='' min_height_percent='100' min_height='0' color='main_color' mobile='av-flex-cells' id='recent' av_element_hidden_in_editor='0' mobile_breaking='' av_uid='av-ajcq50']
    [av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='#d3c3bc' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='contain' mobile_display='' av_uid='av-ab65z0']
    
    [av_heading tag='h1' padding='0' heading='Recent Projects' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='60' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-a8puyk'][/av_heading]
    
    [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-a2eatw']
    
    [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-9v34ak']
    <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
    [/av_textblock]
    
    [av_hr class='invisible' height='10' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-9piuf0']
    
    [av_masonry_gallery ids='230,229,228,227,226,225' items='6' columns='2' paginate='none' size='fixed' orientation='av-orientation-square' gap='large' overlay_fx='active' container_links='active' id='' caption_elements='none' caption_styling='' caption_display='always' color='custom' custom_bg='#bfada5' av-medium-columns='' av-small-columns='' av-mini-columns='' av_uid='av-9g38c4']
    
    [av_hr class='invisible' height='10' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-9eclpg']
    
    [/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='' src='https://kriesi.at/themes/enfold-freelancer/files/2017/09/sketches.jpg' attachment='223' attachment_size='full' background_attachment='fixed' background_position='center right' background_repeat='stretch' mobile_display='av-hide-on-mobile' av_uid='av-96xub8']
    
    [/av_cell_one_half]
    [/av_layout_row]
    
    [av_layout_row border='' min_height_percent='100' min_height='0' color='main_color' mobile='av-flex-cells' id='services' av_element_hidden_in_editor='0' mobile_breaking='' av_uid='av-90wqq4']
    [av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='' src='https://kriesi.at/themes/enfold-freelancer/files/2017/09/laptop-hands.jpg' attachment='220' attachment_size='full' background_attachment='fixed' background_position='center center' background_repeat='stretch' mobile_display='av-hide-on-mobile' av_uid='av-8tm1xo']
    
    [/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='contain' mobile_display='' av_uid='av-8pbwjw']
    
    [av_heading tag='h1' padding='0' heading='Services' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#c3aca1' size='60' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-8hz9jo'][/av_heading]
    
    [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#c3aca1' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-8abezo']
    
    [av_textblock size='' font_color='custom' color='#c3aca1' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-86jvd0']
    <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
    [/av_textblock]
    
    [av_hr class='invisible' height='60' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-82hb4k']
    
    [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-7sqofw']
    
    [av_font_icon icon='ue826' font='entypo-fontello' style='' caption='' link='' linktarget='' size='60px' position='center' color='#c3aca1' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-7rluj8'][/av_font_icon]
    
    [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-7kegkk']
    
    [av_textblock size='' font_color='custom' color='#c3aca1' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-7fhz6c']
    <h4 style="text-align: center;">Research</h4>
    <p style="text-align: center;">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
    [/av_textblock]
    
    [av_hr class='custom' height='8' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#c3aca1' custom_margin_top='40px' custom_margin_bottom='0px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av-small-hide='aviaTBav-small-hide' av-mini-hide='aviaTBav-mini-hide' admin_preview_bg='' av_uid='av-75qm98']
    
    [/av_one_half][av_one_half 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-737w1w']
    
    [av_font_icon icon='ue8c0' font='entypo-fontello' style='' caption='' link='' linktarget='' size='60px' position='center' color='#c3aca1' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-6ty4mc'][/av_font_icon]
    
    [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-6p8lzw']
    
    [av_textblock size='' font_color='custom' color='#c3aca1' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-6iw7rw']
    <h4 style="text-align: center;">Design</h4>
    <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetlit. Aenean eget dolor.</p>
    [/av_textblock]
    
    [av_hr class='custom' height='8' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#c3aca1' custom_margin_top='40px' custom_margin_bottom='0px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av-small-hide='aviaTBav-small-hide' av-mini-hide='aviaTBav-mini-hide' admin_preview_bg='' av_uid='av-6d8t8s']
    
    [/av_one_half][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-66pnys']
    
    [av_font_icon icon='ue80e' font='entypo-fontello' style='' caption='' link='' linktarget='' size='60px' position='center' color='#c3aca1' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-5zd8oc'][/av_font_icon]
    
    [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-5xjz50']
    
    [av_textblock size='' font_color='custom' color='#c3aca1' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-5os6b8']
    <h4 style="text-align: center;">Photography</h4>
    <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetlit. Aenean eget dolor.</p>
    [/av_textblock]
    
    [/av_one_half][av_one_half 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-5jx5dw']
    
    [av_font_icon icon='ue856' font='entypo-fontello' style='' caption='' link='' linktarget='' size='60px' position='center' color='#c3aca1' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-5d2kuc'][/av_font_icon]
    
    [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-59xkxw']
    
    [av_textblock size='' font_color='custom' color='#c3aca1' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-50iuhw']
    <h4 style="text-align: center;">Development</h4>
    <p style="text-align: center;">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
    [/av_textblock]
    
    [/av_one_half][/av_cell_one_half]
    [/av_layout_row]
    
    [av_layout_row border='' min_height_percent='100' min_height='0' color='main_color' mobile='av-flex-cells' id='about' av_element_hidden_in_editor='0' mobile_breaking='' av_uid='av-4usz8c']
    [av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='#d3c3bc' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='contain' mobile_display='' av_uid='av-4pxp1o']
    
    [av_heading tag='h1' padding='0' heading='About me' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='60' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-4k9wmk'][/av_heading]
    
    [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-4dvesc']
    
    [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-46o1lg']
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
    [/av_textblock]
    
    [av_hr class='invisible' height='10' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#0a0a0a' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-41bgq4']
    
    [av_heading tag='h1' padding='0' heading='Skills' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-3x52dg'][/av_heading]
    
    [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-3o141o']
    
    [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-3kiqnw']
    Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
    [/av_textblock]
    
    [av_one_full first min_height='' vertical_alignment='av-align-top' space='' custom_margin='aviaTBcustom_margin' margin='10px' margin_sync='true' padding='30px' padding_sync='true' border='5' border_color='#c3aca1' radius='0px' radius_sync='true' background_color='#ffffff' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-c0rn0']
    
    [av_progress bar_styling='av-flat-bar' bar_animation='av-animated-bar' bar_styling_secondary='av-small-bar' show_percentage='av-show-bar-percentage' bar_height='4' admin_preview_bg='' av_uid='av-39fubo']
    [av_progress_bar title='Web Design' progress='100' color='theme-color' icon_select='no' icon='43' font='entypo-fontello' av_uid='av-30j064']
    [av_progress_bar title='Web Development' progress='90' color='theme-color' icon_select='no' icon='43' font='entypo-fontello' av_uid='av-2ubch0']
    [av_progress_bar title='Photography' progress='90' color='theme-color' icon_select='no' icon='43' font='entypo-fontello' av_uid='av-2t3k30']
    [/av_progress]
    
    [/av_one_full][/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='' src='https://kriesi.at/themes/enfold-freelancer/files/2017/09/freelance-girl-relax.jpg' attachment='218' attachment_size='full' background_attachment='fixed' background_position='center right' background_repeat='stretch' mobile_display='av-hide-on-mobile' av_uid='av-2ietrw']
    
    [/av_cell_one_half]
    [/av_layout_row]
    
    [av_layout_row border='' min_height_percent='100' min_height='0' color='main_color' mobile='av-flex-cells' id='contact' av_element_hidden_in_editor='0' mobile_breaking='' av_uid='av-2extrw']
    
    [av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='' src='https://kriesi.at/themes/enfold-freelancer/files/2017/09/tochscreen.jpg' attachment='224' attachment_size='full' background_attachment='fixed' background_position='center center' background_repeat='stretch' mobile_display='av-hide-on-mobile' av_uid='av-280shw']
    
    [/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='#85a7ca' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center right' background_repeat='contain' mobile_display='' av_uid='av-23kzes']
    
    [av_heading tag='h1' padding='0' heading='Get in touch' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='60' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-1z2mi4'][/av_heading]
    
    [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-1rakpo']
    
    [av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='#a95e33' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-1lcqes']
    
    [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='' av_uid='av-1f2rdo']
    <h2>Address</h2>
    10800 West Pico Boulevard Infinity Loop
    Cupertino, Los Angeles, USA
    <h2></h2>
    [/av_textblock]
    
    [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='#a95e33' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-172ues']
    
    [av_textblock size='' font_color='custom' color='#ffffff' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' admin_preview_bg='' av_uid='av-10nq70']
    <h2>Opening Hours:</h2>
    Mo-Fr: 8:00-19:00
    Sa: 8:00-14:00
    So: closed
    <h2></h2>
    [/av_textblock]
    
    [/av_one_half][av_contact email='' title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='' color='av-custom-form-color av-light-form' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-vk6xw']
    [av_contact_field label='Name' type='text' check='is_empty' options='' multi_select='' av_contact_preselect='' width='' av_uid='av-2fvqs'][/av_contact_field]
    [av_contact_field label='E-Mail' type='text' check='is_email' options='' multi_select='' av_contact_preselect='' width='' av_uid='av-k3aqs'][/av_contact_field]
    [av_contact_field label='Subject' type='text' check='is_empty' options='' multi_select='' av_contact_preselect='' width='' av_uid='av-hlg6c'][/av_contact_field]
    [av_contact_field label='Message' type='textarea' check='is_empty' options='' multi_select='' av_contact_preselect='' width='' av_uid='av-pq38'][/av_contact_field]
    [/av_contact]
    
    [/av_cell_one_half][/av_layout_row]

    Best regards,
    Rikard

    #1472820

    Hey Jak73,

    It looks like you found a solution for the space already?

    Please try this CSS for the & character:

    .special_amp {
      font-family: inherit;
      font-style: inherit;
      font-size: inherit;
      line-height: inherit;
      font-weight: inherit;
    }

    Best regards,
    Rikard

    #1472791

    Hey bellwetherroofing,

    Please try the following in Quick CSS under Enfold->General Styling:

    .home #av_section_5 .iconbox_icon {
      font-size: 14px;
    }

    Best regards,
    Rikard

    #1472683

    the icon you like to insert – is it a colored icon or do you like to use the white globe icon with that green background?

    if you like to use it as monochrome icon – i would upload that monochrome globe as svg to fontello and create your custom icon font set.
    Then you can use it like all the other entypo-fontello icons.

    if you like to use that bicolor globe icon – you can set those icons to display none and insert via pseudo container your colored icon:

    #top #main ul.avia-icon-list.av-iconlist-small  li:before {
        content: "" !important;
        width: 40px;
        height: 40px;
        float: left;
        margin-left: -10px;
        margin-right: 10px;
        background-color: transparent;  /**** with background - replace  ***/
        background-image: url(/wp-content/uploads/globe-color.png);
        background-size: 30px 30px;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 100%;
        top: -3px;
        position: relative;
    }
    
    #top .avia-icon-list-container .iconlist_icon {
      display: none 
    }

    But: to better select your small icon list – it would certainly be advisable to use a custom class.

    #1472345

    Hello Ismael,

    Thank you very much. We have now been able to adjust the font size. However, the font is slightly “thicker” than <p> elements. Why is that? We suspect that the font size can be changed, but not the font style.

    Best regards.

    #1472335

    Hey reqonsult,

    Thank you for the inquiry.

    The lists and content of table cells should inherit the default font size, which can be adjusted in the Enfold > General Styling > Typography panel. You can adjust the Default Content Font Size for different screen sizes as well.

    Best regards,
    Ismael

    #1472322
    nyoung_web
    Participant

    I’m still new to WordPress/Enfold and I’m trying to set the thumbnail for a post slider to the same height.
    In the link of the test page, the post slider after the first image has one thumbnail that is at 1210 x 420, and the others 1080 x 420.
    I want them all to appear at a certain height, preferably the same height as the one with the 1210 x 420 dimension.
    The slider’s image size is set to “Entry without sidebar (1210×423)”.

    Below is the custom css I added over the course of solving multiple issues, so some of them may be working against each other. I would appreciate any advice about the custom css below or any additional one(s) that could achieve the look I want.

    #top .avia-content-slider .slide-entry-title { font-size: 1em; }
    
    #top .post-entry .blog-categories {
      	font-size: 0.9em;
        font-weight: normal; }
    
    #top .content .entry-content-wrapper {
    	padding-right: 0px;
    }
    
    #top .avia-slideshow-inner {
    	float: center;
    }
    
    #top .avia-content-slider .slide-entry-wrap {
    	float: center;
    }
    
    #top .avia-content-slider-inner {
    	margin: 0px;
    	overflow: hidden !important;
    }
    
    #top .avia-content-slider {
    	display: flex;
    }
    
    #top .avia-content-slider .slide-image img{
    	height: auto !important;
    }
    
    .avia_desktop .avia-content-slider .avia-slideshow-arrows a{ opacity: 1; }
    
    @media only screen and (max-width: 479px)
    {
    	.responsive #top #wrap_all .slide-entry{width:48%; margin-left:4%}
    	.responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd,
    	.responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even{margin:0; clear:both;}
    	.responsive #top #wrap_all .avia-content-slider-odd  .slide-entry.first{margin-left:0; width:100%;}
    	.responsive .avia-content-slider .slide-image img { width: 100%; }
    	.responsive #top .avia-slideshow-arrows a{ 
    		display:block !important; 
    		opacity: 1; 
    		font-size: 20px; 
    		width: 60px;
    		height: 60px;
    		top: 30%;
        margin: -30px 0 0;
    		text-align: center;
    	}
    }
    
    #top .scroll-down-link {
        height: 60px;
        width: 80px;
        margin: 0px 0 0 -40px;
        line-height: 60px;
        position: absolute;
        left: 50%;
        bottom: 25px;
        color: #263238;
        text-align: center;
        font-size: 70px;
        z-index: 100;
        text-decoration: none;
    	  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
    }
    #1472310
    reqonsult
    Participant

    Hello, is it possible to define the font size for lists and the content of table cells? Under Enfold > Advanced Styling > Enfold Theme Options we cannot find any options for this. Please see the attached URL, in which the font size in lists and tables is slightly smaller. Thank you.

    #1472274
    mary301187
    Participant

    Hi guys,

    I would like to have the color of the availability of the article “Lieferrückstand” red. I have entered this in the CSS. But nothing happens

    .woocommerce div.product .stock {
    color: #ab2c2c!important;
    font-size: 24px!important;
    }

    Can you help me, thank you

    #1472273
    mary301187
    Participant

    HAllo Leute,

    ich möchte die Farbe der Verfügbarkeit der Artikels “Lieferrückstand” rot haben. Habe ich im CSS eingetragen. Aber es passiert nichts

    .woocommerce div.product .stock {
    color: #ab2c2c!important;
    font-size: 24px!important;
    }

    Könnt ihr mir helfen?

    Danke

Viewing 30 results - 361 through 390 (of 18,716 total)