Forum Replies Created

Viewing 30 posts - 25,861 through 25,890 (of 34,860 total)
  • Author
    Posts
  • in reply to: Font Weight Difference in Enfold 4.4.1 #993744

    Hi,
    Can you please include a admin login to the beta site in the private content area so we can take a closer look.

    Best regards,
    Mike

    in reply to: Social Icons in Menu disappear #993707

    Hey jmoeser,
    It looks like there is a script that is changing the social icons li tag to div in the dom
    Please take a look in your custom functions or scripts, or please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    in reply to: Open sans font weights #993700

    Hey acscreativenew,
    Try adding this code to the end of your functions.php file in Appearance > Editor:

    	add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
    	function avia_add_heading_font($fonts)
    	{
    	$fonts['Open Sans'] = 'Open Sans:300,400,600,700';
    	return $fonts;
    	}
    	
    	add_filter( 'avf_google_content_font', 'avia_add_content_font');
    	function avia_add_content_font($fonts)
    	{
    	
    	$fonts['Open Sans'] = 'Open Sans:300,400,600,700';
    	return $fonts;
    	}

    Best regards,
    Mike

    in reply to: Logo image display size #993699

    Hey elvirais,
    For desktop screens would you like your logo image to always be 300px high, allowing the over flow width to go off screen if needed, or would you like your width to always be 100% wide, allowing to height to be scaled down so the image is proportional?
    I ask because your image is 1600px by 300px, so to maintain the 300px height we could allow to image to over flow off screen.

    For tablets and mobile I assume you want your logo to be 100% wide? Would you consider a different logo for these screens that is cropped at your name to the bird? (Please see image in Private Content area.) this would allow the text in your image to be read easier at smaller screens.

    As I look at your site now the logo image has some padding and is less than 100% wide, and this quick css would fix that:

    .av-logo-container {
    padding: 0px !important;
    }
    .logo,.logo a {
        width: 100% !important; 
    }

    But your answers to the questions above may change the css we will want to use.

    Best regards,
    Mike

    Hey profumopuntoit,
    Do you happen to have some added javascript to create the thumbnail titles, or have you customized the theme files, or have you manually added the titles to the media?
    because on my install the “entry-image” thumbnails for the next / previous do not have titles for the images, and as you pointed out yours are more like descriptions than titles.
    If you would like us to take a closer look, please include a admin login in the Private Content area.
    Wold you like the default behavior of no titles there?

    Best regards,
    Mike

    in reply to: Header Widgets right of logo #993679

    Hey sjidesign,
    I took a look at your site, but the login said “invalid user” please check
    To add the widget area to your header please follow these instructions then add your widgets so we can assist with the placement.
    I don’t see the “my account” & “login” in your menu, are you able to create these and need help moving them, or do you need help to create & move them?

    Best regards,
    Mike

    in reply to: Insert Html/CSS inline social icom #993677

    Hi,
    [slap-forehead] don’t know why I didn’t think of that :)
    anyways I changed the css a little, please try this code:

      <style type="text/css">
    .socialbody {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-end;
        align-content: center;
    	padding:0 0 20px 0;
        height: 100px;
        font: 16px Roboto, sans-serif;
    }
    
    a {
        text-decoration: none;
    }
    
    .socialBB-icon {
        width:  36px;
        height: 36px;
        fill: currentColor;
        transition: .2s;
    }
    
    a.socialBB-link--instagram:hover { color: #e67300 }
    a.socialBB-link--500px:hover  { color: #6699ff }
    a.socialBB-link--instagram:hover::after { background: #e67300 }
    a.socialBB-link--500px:hover::after  { background: #6699ff }
    
    .socialBB-link {
        position: relative;
        color: #bbb;
    }
    
    .socialBB-link:not(:last-of-type) {
        margin-right: 15px;
    }
    
    .socialBB-tooltip::before,
    .socialBB-tooltip::after {
        display: block;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -10px);
        opacity: 0;
        transition: .2s;
    }
    
    .socialBB-tooltip::before {
        content: '';
        bottom: calc(100% + 2px);
        border: solid 5px transparent;
        border-top-color: currentColor;
    }
    
    .socialBB-tooltip::after {
        content: attr(aria-label);
        bottom: calc(100% + 12px);
        padding: .61em .93em;
        font-size: .875rem;
        color: white;
        border-radius: 3px;
    }
    
    .socialBB-tooltip:hover::before,
    .socialBB-tooltip:hover::after {
        opacity: 1;
        transform: translate(-50%);
    }
    
        </style>
    <div class="socialbody">
    	
    		<svg class="socialBB-icon"><use xlink:href="#icon--instagram"></use></svg>
    	
    
    	
    		<svg class="socialBB-icon"><use xlink:href="#icon--500px"></use></svg>
    	
    
    	<svg style="display: none">
    		<symbol id="icon--instagram" viewbox="0 0 24 24">
    			<path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" />
    		</symbol>
    		<symbol id="icon--500px" viewbox="0 0 97.8 97.8">
    			<path d="M72.3,47.9c-1.6,0.2-2.9,1-4.1,1.9c-1.4,1.1-2.5,2.3-3.7,3.6c-0.2,0.2-0.1,0.3,0,0.4c0.8,0.9,1.7,1.8,2.7,2.6c1.6,1.3,3.4,2.3,5.5,2.5c2.4,0.2,4.4-0.9,5.2-3.1c0.3-0.8,0.4-1.5,0.4-2.5c0-0.2,0-0.6-0.1-0.9C77.9,49.5,75.4,47.5,72.3,47.9z"/><path d="M52.2,49.8c-1-0.7-2.1-1.4-3.4-1.7c-1.9-0.5-3.6-0.2-5,1.3c-1,1.2-1.5,2.6-1.5,4.3c0,0.2,0,0.4,0,0.7c0.2,2.3,1.8,4.1,4,4.5c1.2,0.2,2.5,0.1,3.6-0.4c2.5-1,4.4-2.7,6.2-4.7c0.1-0.1,0.1-0.2,0-0.3C55,52.1,53.7,50.8,52.2,49.8z"/><path d="M48.9,0C21.9,0,0,21.9,0,48.9s21.9,48.9,48.9,48.9s48.9-21.9,48.9-48.9S75.9,0,48.9,0z M73,65.7c-3.1,0-5.7-1.2-8.1-3.1c-1.6-1.2-2.9-2.6-4.2-4.1c-0.2-0.2-0.3-0.3-0.6,0c-1.3,1.4-2.6,2.8-4.1,4c-1.9,1.5-4,2.7-6.4,3c-4.3,0.6-8-0.5-10.9-3.9c-0.7-0.8-1.1-1.6-1.6-2.6c-0.1-0.1-0.1-0.3-0.2-0.4c-0.6,1.2-1.3,2.3-2.2,3.3c-2.3,2.5-5.2,3.7-8.5,3.9c-2.4,0.1-4.8-0.2-7-1.3c-3.7-1.8-5.8-4.7-6-8.9c0-0.3,0.1-0.4,0.4-0.4c2,0,4,0,6,0c0.3,0,0.4,0.1,0.4,0.4c0.4,2.3,1.6,3.9,3.9,4.5c3.2,0.8,6.2-1,7-4.3c0.6-2.2,0.3-4.4-1.2-6.2c-1-1.2-2.3-1.8-3.9-1.9c-2.2-0.2-4.1,0.6-5.4,2.5c-0.1,0.2-0.3,0.2-0.5,0.2c-1.8,0-3.6,0-5.4,0c-0.3,0-0.4-0.1-0.3-0.4c0.9-5.2,1.9-10.4,2.8-15.6c0.1-0.7,0.3-1.4,0.4-2.1c0-0.2,0.1-0.3,0.4-0.3c6,0,12,0,18,0c0.3,0,0.3,0.1,0.3,0.4c0,1.6,0,3.2,0,4.8c0,0.3-0.1,0.4-0.4,0.4c-4.3,0-8.6,0-12.9,0c-0.4,0-0.5,0.1-0.6,0.5c-0.4,2.3-0.8,4.6-1.2,6.8c0,0.1-0.1,0.2,0,0.3c0.1,0.1,0.2-0.1,0.3-0.1c2-1.9,4.4-2.5,7-2.3c2.5,0.1,4.7,1.1,6.5,2.9c0.7,0.8,1.3,1.6,1.8,2.6c0.1,0.1,0.1,0.2,0.2,0.4c0.5-1.3,1.1-2.5,2-3.5c1.9-2.2,4.4-3.4,7.3-3.7c4.1-0.4,7.5,1.2,10.5,3.9c1.2,1.1,2.3,2.4,3.4,3.6c0.2,0.3,0.3,0.3,0.6,0c1.4-1.6,2.7-3.3,4.4-4.6c2-1.5,4.1-2.6,6.6-2.9c6.2-0.7,11.3,2.6,12.6,9c0.6,2.7,0.4,5.3-0.5,7.9C82,63,78.1,65.7,73,65.7z" />
    		</symbol>
    	</svg>
    </div>

    Best regards,
    Mike

    in reply to: Header Transparency Options Not Working #993675

    Hi,
    For [object object] error: it’s the enfold > config-templatebuilder > aviashortcodes > slideshow > slideshow.js file.
    Please download the fixed file in the Private Content area & save a backup of your slideshow.js & and try replacing it via ftp.
    since it’s a js file, you will need to clear the cache a few times before the fix shows.

    For the header: I assume you have made no theme file changes, such as in the header.php? Can we temporary disable the plugins to test?

    Best regards,
    Mike

    in reply to: iframe has stopped working since update #993671

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

    in reply to: Social Icons on Mobile Menu #993669

    Hi,
    So you want the social icons visible at mobile width, next to the language selector, and the weather at the top of the page centered?
    Please see screenshot in Private Content area.

    Best regards,
    Mike

    in reply to: Transparent header #993657

    Hi,
    Unless there is anything else we can assist with on this issue, shall we close this then?

    Best regards,
    Mike

    in reply to: Iconos Personalizados #993601

    Hi,
    Entiendo que le gustaría agregar sus propios iconos para los perfiles sociales que no existen, como en las instrucciones: Cómo agregar iconos sociales personalizados a las opciones de Enfold Pero solo puedes hacer eso si agregas iconos de fontello.com No puedes usar imágenes para hacer esta.
    Es por eso que sugiero una técnica para sustituir los iconos incorporados por tus imágenes
    Puede cambiar el título del icono con jQuery, aquí hay un ejemplo que cambia el título de twitter. Intente agregar este código al final de su archivo functions.php en Apariencia> Editor:

    function change_twitter_title(){
      ?>
      <script>
      jQuery(window).load(function(){
      jQuery( '.social_bookmarks_twitter' ).each(function() {
      jQuery( this ).find( 'a' ).attr({title: "New Social Title"});
      });
      });
      </script>
      <?php
      }
      add_action('wp_footer', 'change_twitter_title');
    

    Estaré encantado de ayudarlo a crear código personalizado para sus propios títulos

    ————–

    I understand you would like to add your own icons for social profiles that do not exist such as in the instructions: How to add Custom Social Icons to Enfold options But you can only do that if you add icons from fontello.com You can not use images to do this.
    This is why I suggest a technique to substitute the built-in icons for your images
    You can change the icon title with jQuery, here is an example that changes the twitter title. Try adding this code to the end of your functions.php file in Appearance > Editor:

    function change_twitter_title(){
      ?>
      <script>
      jQuery(window).load(function(){
      jQuery( '.social_bookmarks_twitter' ).each(function() {
      jQuery( this ).find( 'a' ).attr({title: "New Social Title"});
      });
      });
      </script>
      <?php
      }
      add_action('wp_footer', 'change_twitter_title');
    

    I will be happy to assist you create custom code for your own titles

    Best regards,
    Mike

    in reply to: Pictures not showing on tab #993597

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

    in reply to: Header Transparency Options Not Working #993596

    Hey verydapper,
    If I understand correctly you would like to have a transparent header with a white logo and menu items, and on scroll the header becomes white with black logo and menu items.
    For this the setting “Header is invisible and appears when user scrolls down” is not correct, this setting shows no header at all until scroll.
    The setting you want is “Transparent Header” which I changed for you.
    Yet your header is behaving like a sticky header, which was set at: Enfold Theme Options > Header > Header behavior > Sticky Header
    Which I unchecked for you.

    I see you have a Godaddy cache, which I tried clearing, but I believe it is cached on the server, please clear and disable all caching, especially a server cache, I also see you have JetPack installed, please disable.
    I believe this should get your header working right, because I believe we are looking at a cached version, but there could be a conflict elsewhere, such as “Nifty Coming Soon & Maintenance page”
    So try to temporarily disable if the steps above don’t help.
    Let us know if this doesn’t solve and allow us to disable your plugins to test.

    Best regards,
    Mike

    in reply to: Team member align photo and text side by side #993594

    Hey studioc4com,
    I have taken a look at your page, and see the team member and the text is side-by-side, but if you could include a mockup of what you would like to see, we could assist.
    Please see screenshot in Private Content area of what I see.
    Also please remove your code so we won’t have any conflicts.

    Best regards,
    Mike

    in reply to: Social Icons on Mobile Menu #993593

    Hey denisj77,
    Please try this solution

    Best regards,
    Mike

    in reply to: Insert Html/CSS inline social icom #993592

    Hey darioferbor,
    I tested your code in my localhost in a code block, which seems to work fine, but I don’t know what it’s supposed to look like.
    I also installed the Insert HTML Snippet plugin and added the code to it to create a shortcode which I added to the socket and make a video for you to tell me if it’s working correctly.
    Please see Private Content area.

    I did remove the html opening and closing tags and the “.socialbody” background color.

    Best regards,
    Mike

    in reply to: iframe has stopped working since update #993589

    Hey toddbarden,

    This is due to a mixed content error “corrs”

    (index):195 Mixed Content: The page at ‘https://your-site.co.uk/beachside-holidays/sunwave/&#8217; was loaded over HTTPS, but requested an insecure resource ‘http://that-site.co.uk/booking/index.php?id_item=10&#8217;. This request has been blocked; the content must be served over HTTPS.

    It’s because the other site is not https

    Best regards,
    Mike

    in reply to: Spread menu items across 100% width #993587

    Hey Kieran,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .html_header_top.html_logo_center #header_main_alternate .main_menu ul:first-child {
    width: 100% !important;
    display: flex !important;
    justify-content: space-evenly !important;
    }
    .html_header_top #top .av_header_stretch .container {
    width: 100% !important;
    }
    .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    border-left-style: none !important;
    }

    
    within this code I added some to hide the menu divider because with the menu spread out, they don't look centered.
    Please clear your browser cache and check.
    
    Best regards,
    Mike
    in reply to: Big picture exceeding edge of browser #993586

    Hey Thomas,
    The image is set as the background of a grid row cell, when the image is picked it is set as “full-size” attachment, which is 1200px square.
    2018-08-04_165103
    To see the settings, Enable Avia Layout Builder Debuger and add this shortcode into the debug window on a new page:

    [av_layout_row border='' min_height_percent='' min_height='' color='main_color' mobile='av-flex-cells' id='Best Rated' av_element_hidden_in_editor='0' av_uid='av-web4fa']
    [av_cell_one_half vertical_align='middle' padding='150px,0px,150px,150px' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-w7grli']
    
    [av_one_full first min_height='' vertical_alignment='av-align-top' space='no_margin' custom_margin='aviaTBcustom_margin' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' mobile_display='' av_uid='av-w2cptq']
    
    [av_heading tag='h1' padding='20' heading='More than 100.000 users and the best rating on Themeforest' color='custom-color-heading' style='blockquote modern-quote' custom_font='#000000' size='40' 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='' margin='' av_uid='av-a1lwm'][/av_heading]
    
    [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vq7lpq']
    
    [av_textblock size='' font_color='' color='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-vimjgu']
    Enfold is the best rated top seller on <a href="https://themeforest.net/?ref=Kriesi" target="_blank">Themeforest</a>. There is no other theme with that many sales that has an average rating of 4.85. Heck, you will be hard pressed to find <strong>ANY</strong> product on the web with that many sales and a rating that good ;)
    [/av_textblock]
    
    [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-vcpmce']
    
    [av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='#e2bc12' av_uid='av-v8q3oe'][/av_font_icon]
    
    [av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='#e2bc12' av_uid='av-v0ckqm'][/av_font_icon]
    
    [av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='#e2bc12' av_uid='av-uses5q'][/av_font_icon]
    
    [av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='#e2bc12' av_uid='av-uqms5a'][/av_font_icon]
    
    [av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='#e2bc12' av_uid='av-ugrfpi'][/av_font_icon]
    
    [av_hr class='invisible' height='42' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-uf3una']
    
    [av_button label='Get it now' link='manually,http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?license=regular&open_purchase_for_item_id=4519990&purchasable=source&ref=Kriesi' link_target='' size='large' position='left' icon_select='yes' icon_hover='aviaTBicon_hover' icon='ue859' font='entypo-fontello' color='dark' custom_bg='#444444' custom_font='#ffffff' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-u6k5hi']
    
    [/av_one_full][/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='500px,0px,500px,0px' background='bg_color' background_color='#f8f8f8' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='https://127.0.0.1/2017demo1/wp-content/uploads/2017/01/mockup-3.png' attachment='298' attachment_size='full' background_attachment='scroll' background_position='bottom left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='av-hide-on-mobile' av_uid='av-u1r53a' custom_class='linkcell']
    
    [/av_cell_one_half]
    [/av_layout_row]
    
    

    You won’t get the images too, but you can download them from the live demo you linked to.

    Best regards,
    Mike

    in reply to: Font Weight Difference in Enfold 4.4.1 #993585

    Hey rengarajan,
    Your beta site is using the font “Signika Negative“, while your live site is using “Signika Negative Light”
    the difference is 300 vs 400, the reason there is a difference is because the font-weight rule is set to inherit, which means that it gets it’s weight from it’s parent div.
    I also see that your live site is using bwp-minify and I suspect that your performance settings are set to “Load only used elements (recommended)”

    Please try these steps, clearing your browser and site cache after each step to make the two sites the same:
    Check or set the “p” and/or “body” font-weight at Enfold Theme Options > Advanced Styling is set to “normal” not “default”
    Check that the Enfold Theme Options > Performance > Disabling of template builder elements is set to “Always load all elements” or set both sites to the same.
    Try disabling and clearing your bwp-minify and/or install it on your beta site also.

    Best regards,
    Mike

    in reply to: slide in effect #993582

    Hey diefleischerei,
    You can use css transitions to do this, please see the options at: Animate.css from the drop down list look for “zoomin”

    Best regards,
    Mike

    in reply to: Close mega menu with jQuery #993580

    Hey Jeannette,
    Please include the url to you site so we can take a closer look at the mega menu.

    Best regards,
    Mike

    in reply to: Change column width in Mega Menu with image #993579

    Hey Marco,
    Please try this code in the General Styling > Quick CSS field or in your WordPress > Customize > Additional CSS field

    #header .avia_mega_div .units {
        padding: 0px !important; 
    }

    Please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Misalignment of wording on Woocommerce Checkout Page #993578

    Hey kesdeg,
    I took a look at your checkout and found there was a couple of check boxes and labels that were misaligned.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS:

    #top.woocommerce-checkout .form-row .input-checkbox {
        margin: 6px 8px 0 0 !important; 
    }
    #top.woocommerce-checkout label span {
        margin-left: 16px !important; 
    }
    #top.woocommerce-checkout label.woocommerce-form__label-for-checkbox {
    margin-top: -20px !important; 
    }

    Best regards,
    Mike

    in reply to: One image to open lightbox gallery #993572

    Hey cavanaughb,
    While the Masonry Gallery & Gallery Element seem to be closely related, the differences that you describe would require quiet a bit of modifications to achieve the hybrid that you are looking for. Unfortunately this level of modifications is more than we can offer here.
    I would recommend trying a plugin, such as: WP Video Lightbox or WonderPlugin Lightbox to name a couple that already seem to offer these functions.
    Thank you for your understanding, and for using Enfold.

    Best regards,
    Mike

    in reply to: Change color and size of full width separator #993568

    Hey Valinsy,
    We can do this by adding a colored border to your sections, the css in your Enfold Theme Options > General Styling > Quick CSS field would look like this:

    
    #top.home #av_section_3,#top.home #av_section_4 {
        border-top-color: #efbb20 !important; 
        border-top-width:5px !important; 
        border-top-style:solid !important; 
    }

    This adds a border to your footer & the section above it. If you enable the: Enfold Theme Options > Layout Builder > Show element options for developers and add a custom ID to the sections you want a top-border on, and replace “#top.home #av_section_4” with your custom ID, which starts with the # symbol (ie: #above_footer) you will be able to manage them yourself.
    You can add multiple ID’s separated by a comma.

    Best regards,
    Mike

    in reply to: Transparent header #993542

    Hey dondela,
    Your header and top section is transparent, but your #main, which is behind them, is white.
    Please try this code in the General Styling > Quick CSS field to see these areas transparent:

    #top.home #main {
        background: transparent !important; 
    }

    Or if you want to make the header transparent only, please try this css:

    @media only screen and (min-width: 989px) { 
    #top.home #main {
    clip-path: polygon(0 118px, 100% 118px, 100% 100%, 0% 100%);
    }
    }
    

    Best regards,
    Mike

    in reply to: Iconos Personalizados #993528

    Hi,
    Si entiendo correctamente, los íconos sociales que desea agregar al lado del menú son imágenes y no se encuentran en fontello.com, en este caso recomiendo agregar iconos sociales desde la opción Opciones de Enfold Theme> Perfiles sociales> Sus perfiles sociales, que usted no se utilizará, por lo que puede reemplazarlos con imágenes. Utilice este CSS en el campo Estilo general> CSS rápido:

    #top .social_bookmarks li:hover a {
        background: transparent !important;
    }
    #top .social_bookmarks li a:before{
        content: "";
        display: block;
        width: 30px;
        height: 30px;
    
    }
    #top .social_bookmarks li.social_bookmarks_facebook a:before {
        background: url(https://png.icons8.com/doodle/50/ffffff/dirigible.png) center center no-repeat;
        background-size: contain;
    }
    
    #top .social_bookmarks li.social_bookmarks_twitter a:before {
        background: url(https://png.icons8.com/color/50/ffffff/hot-air-balloon.png) center center no-repeat;
        background-size: contain;
    }
    

    y reemplace la url con sus imágenes, y reemplace las clases de twitter y facebook con los perfiles sociales que elija usar para el reemplazo.
    2018-08-04_104811
    Si lo desea, podría configurar uno para usted en su sitio para que pueda ver cómo funciona y hacer el resto usted mismo.

    ———-
    If I understand correctly, the social icons you want to add next to the menu are images and not found on fontello.com, in this case I recommend adding social icons from the Enfold Theme Options > Social Profiles > Your social profiles option, that you will not be using, so you can replace them with images. Please use this css in the General Styling > Quick CSS field:

    #top .social_bookmarks li:hover a {
        background: transparent !important;
    }
    #top .social_bookmarks li a:before{
        content: "";
        display: block;
        width: 30px;
        height: 30px;
    
    }
    #top .social_bookmarks li.social_bookmarks_facebook a:before {
        background: url(https://png.icons8.com/doodle/50/ffffff/dirigible.png) center center no-repeat;
        background-size: contain;
    }
    
    #top .social_bookmarks li.social_bookmarks_twitter a:before {
        background: url(https://png.icons8.com/color/50/ffffff/hot-air-balloon.png) center center no-repeat;
        background-size: contain;
    }
    

    and replace the url with your images, and replace the twitter & facebook classes with the social profiles you choose to use for replacement.
    2018-08-04_104811
    If you wish, I could set one up for you on your site so you can see how it works and do the rest yourself.

    Best regards,
    Mike

    Hi,
    Sorry about closing the other thread, I thought you were saying that the issue was resolved. I’ll be more careful going forward.
    Glad to hear the code above helped, to adjust the header slideshow image for mobile & tablet, please try this css in the Quick CSS:

    @media only screen and (max-width: 430px) { 
    #top.page-id-983 .avia-slide-wrap {
    height: 190px !important; 
    }
    #top.page-id-983 .avia-slide-wrap img {
        top: 31% !important; 
    }
    }
    @media only screen and (min-width: 431px) and (max-width: 1023px) { 
    #top.page-id-983 .avia-slide-wrap {
    height: 360px !important; 
    }
    #top.page-id-983 .avia-slide-wrap img {
        top: 60px !important; 
    }
    }

    Best regards,
    Mike

Viewing 30 posts - 25,861 through 25,890 (of 34,860 total)