Forum Replies Created

Viewing 30 posts - 24,811 through 24,840 (of 25,536 total)
  • Author
    Posts
  • in reply to: Having an image in my header #711015

    Hi!

    The size of the image in the link given by jordan ( http://www.w3schools.com/css/trolltunga.jpg ) is 1000px x 300px. There’s no right image size unfortunately, because different monitors or devices have different screen sizes, for example some screens are using 1600px wide monitor some are 1400px, ipad landscape for example uses 1024px while in portrait it’s 768px. The right size differs in each device or monitor, to know more information regarding it you can check: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    What I can see on my end is same as Andy’s screenshot, it seems that it’s in maintenance mode and we can’t see how it looks like or can’t inspect it further. Can you atleast provide a screenshot on your site so we can atleast know how it looks like. We need as much information we can get so we can provide better solutions. Hope you would understand.

    Can you
    Regards,
    Nikko

    in reply to: backspace in iframe #711009

    Hey Valerie,

    I’m not sure we can help you with that since the problem is within the iframe. Can you try to test it with the default theme like twentysixteen and check if the issue persists on it as well?

    Best regards,
    Nikko

    in reply to: How to change font size and paragraph on blog pages only #711008

    Hi,

    Try to change .single-post li to .single-post .post-entry li from Yigit’s code, it should look like this:

    
    .single-post .post-entry li {
        font-size: 1.5em;
        line-height: 1.5em;
    }
    

    Let us know if it works :)

    Best regards,
    Nikko

    in reply to: adding menu in the page #711007

    Hi,

    Yes you are right, you can only add submenu if you Use Existing Menu but no submenus for Build Simple Custom Menu. :)

    Best regards,
    Nikko

    in reply to: Link and Enlarge buttons behave weirdly #711006

    Hi,

    Thanks for providing the admin access :) I have checked the backend and the settings are right and the same as others, I tried to test it by duplicating the whale (next to surfin alligator) and changed it to alligator, and the overlay button is still good showing the curve arrow, but when the link is replaced the arrow is changed to two-arrows which is weird and I couldn’t replicate it on my end. To fix this issue, what I did was to add this on Quick CSS which only applies to the gallery page:

    .page-id-53 .image-overlay .image-overlay-inside:before {
        content: '\E832';
    }

    Let us know if you need more help with it on other pages.

    Best regards,
    Nikko

    in reply to: Grid row cell alignment #710999

    Hi,

    Try adding this code in Quick CSS:

    .page-id-207 #av-layout-grid-1 .flex_cell.av_one_half {
        width: 40%;
    }
    
    .page-id-207 #av-layout-grid-1 .flex_cell.av_one_half.avia-builder-el-last {
        width: 60%;
    }

    The left one is 40% and 60% for the right one. Just change the values as you see fit :)

    Best regards,
    Nikko

    in reply to: Lost Password Link #710695

    Hi,

    Glad we could help. Let us know if you need anything that’s related on this topic :)

    Best regards,
    Nikko

    in reply to: CONTROL COLOR SECTION #710694

    Hi,

    What I mean was you use a class instead of id. Here is how to enable Custom Css Classes: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    I suggested using id since you may want to use it on multiple color sections of the same page, but if it’s only 1 color section per page then id can be used.

    If you want to use id, for example the one you have,altura

    , to make sure it's height won't be more than 150px, just add this css:
    
    #altura {
        max-height: 150px;
    }

    Hope this helps.

    Best regards,
    Nikko

    in reply to: Lost Password Link #710617

    Hi,

    You can place this at the end/bottom of functions.php

    Best regards,
    Nikko

    in reply to: Header mobile menu aktivation below 990px #710611

    Hey marscui,

    Try adding this code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:1024px) {
      #top #advanced_menu_toggle {
        display: block;
      }
    
      #top .main_menu {
        display: none;
      }
    }

    Hope this helps :)

    Best regards,
    Nikko

    Hi,

    Does it work when you add it on both Quick CSS and style.css? the login details you gave doesn’t work.

    Best regards,
    Nikko

    in reply to: Horizontal Custom Menu Widget in Footer #710602

    Hi!

    If I’m not mistaken, you want to Copyright inline with terms and privacy? if that is correct, probably the best solution is to use an html widget and not use the custom menu.

    Regards,
    Nikko

    in reply to: Full width header #710594

    Hi,

    Yes, just keep the layout in Stretched, and try to add this code in Quick CSS (located in Enfold > General Styling):

    #top #main {
        width: 80%;
        max-width: 1310px;
        margin: 0 auto;
    }

    Just adjust the width value. Hope this helps :)

    Best regards,
    Nikko

    in reply to: Avia Layout Builder vs Fusion Builder #710588

    Hey Rainer,

    Thanks for the suggestion. Please feel free to request – or vote if already requested – such feature on Enfold feature request form.

    Best regards,
    Nikko

    in reply to: Portfolio bulk delete tags #710586

    Hey Ben,

    Unfortunately this issue is not on Enfold but WordPress itself, currently there’s no way we can remove tag or even category when using bulk edit, though you can add as much as you want. The only way to do it is editing it one by one or you can use Quick Edit, or directly doing it in database which I don’t recommend. There are some plugins that offer that might be worth a try.

    Best regards,
    Nikko

    Hey thomashutton,

    Try to add this code in Quick CSS (located in Enfold > General Styling):

    .menu-item-mega-parent > a .avia-menu-text {
        color: yellow;
    }

    Just change the color value as you see fit. Hope this helps :)

    Best regards,
    Nikko

    in reply to: sidebar logo icons #710579

    Hi,

    This will not exactly make it look like the ones in the features section, but it should look close to it, try to add this code to Quick CSS (located in Enfold > General Styling):

    #menu-sidebar-underholdning li a {
        background: #ffffff;
        background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 97%, #f1f1f1 100%);
        background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 97%,#f1f1f1 100%);
        background: linear-gradient(to right, #ffffff 0%,#ffffff 97%,#f1f1f1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=1 );
        border: 1px solid #e1e1e1;
        margin: 0 0 -1px;
        padding: 12px 16px !important;
        text-align: left;
    }

    Hope this helps :)

    Best regards,
    Nikko

    in reply to: optimizing pics #710575

    Hey jelle,

    Yes, do you have any image optimizer plugin enabled? if yes try to disable that plugin then run this plugin so it crops the image to it’s right size: https://wordpress.org/plugins/force-regenerate-thumbnails/

    Best regards,
    Nikko

    in reply to: Adding Avia Elements to Woocommerce archive-product.php #710572

    Hi Elena,

    I checked the code you used and I replaced it with this one:

    add_action('woocommerce_before_main_content', 'ava_woocommerce_before_main_content', 5);
    function ava_woocommerce_before_main_content() {
    	if(!is_tax('product_cat')) return;
    	$resources = "<link rel='stylesheet' id='layerslider-css'  href='" . get_template_directory_uri() . "/config-layerslider/LayerSlider/static/css/layerslider.css?ver=5.6.2' type='text/css' media='all' />
    	<script type='text/javascript' src='" . get_template_directory_uri() . "/config-layerslider/LayerSlider/static/js/greensock.js?ver=1.11.8'></script>
    	<script type='text/javascript' src='" . get_template_directory_uri() . "/config-layerslider/LayerSlider/static/js/layerslider.kreaturamedia.jquery.js?ver=5.6.2'></script>
    	<script type='text/javascript' src='" . get_template_directory_uri() . "/config-layerslider/LayerSlider/static/js/layerslider.transitions.js?ver=5.6.2'></script>";
    
    	$script = "<script data-cfasync=\"false\" type=\"text/javascript\">var lsjQuery = jQuery;</script><script data-cfasync=\"false\" type=\"text/javascript\"> lsjQuery(document).ready(function() { if(typeof lsjQuery.fn.layerSlider == \"undefined\") { lsShowNotice('layerslider_6','jquery'); } else { lsjQuery(\"#layerslider_6\").layerSlider({responsiveUnder: 1140, layersContainer: 1140, autoStart: false, startInViewport: false, pauseOnHover: false, twoWaySlideshow: true, loops: 1, keybNav: false, touchNav: false, skin: 'fullwidth', globalBGColor: 'rgba(255, 255, 255, 0.45)', navPrevNext: false, hoverPrevNext: false, navStartStop: false, navButtons: false, showCircleTimer: false, thumbnailNavigation: 'disabled', lazyLoad: false, yourLogoStyle: 'left: 10px; top: 10px;', cbInit: function(element) { }, cbStart: function(data) { }, cbStop: function(data) { }, cbPause: function(data) { }, cbAnimStart: function(data) { }, cbAnimStop: function(data) { }, cbPrev: function(data) { }, cbNext: function(data) { }, skinsPath: 'http://www.saldaturacontrollo.it/wp/wp-content/themes/enfold/config-layerslider/LayerSlider/static/skins/'}) } }); </script>";
    
    	$output = $resources . $script;
    
    	echo $output;
    
    	echo do_shortcode("[av_layerslider id='6']");
    
    ?>
    	<div id="av_section_1" class="avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll  avia-section av-minimum-height av-minimum-height-25 container_wrap sidebar_left" style="background-color: #ec9b84; background-color: #ec9b84; ">
    		<div class="container">
    			<div class="template-page content  av-content-small units">
    				<div class="post-entry post-entry-type-page post-entry-417">
    					<div class="entry-content-wrapper clearfix">
    						<?php
    							echo do_shortcode("[av_one_fifth 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_display=''][av_font_icon icon='ue806' font='entypo-fontello' style='border' caption='Lista dei desideri <br/> WISHLIST' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth]
    [av_one_fifth 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_display=''][av_font_icon icon='ue859' font='entypo-fontello' style='border' caption='ACQUISTO <br/> facile e veloce' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth]
    [av_one_fifth 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_display=''][av_font_icon icon='ue802' font='fontello' style='border' caption='PAGAMENTO SICURO <br/> con Bonifico e PAYPAL' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth]
    [av_one_fifth 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_display=''][av_font_icon icon='ue804' font='fontello' style='border' caption='SPEDIZIONE <br/>24/48 ore' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth]
    [av_one_fifth 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_display=''][av_font_icon icon='ue803' font='fontello' style='border' caption='Rimborso di denaro ad ogni acquisto' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth]");
    						?>
    					</div>
    				</div>
    			</div>
    		</div>
    	</div>
    <?php 
    }

    Color Section shortcode causes it to break, so I created the
    <div>s, as for the layerslider, it doesn’t seem to work, I even fixed the script code and changed localhost which causes 404 error, for the layerslider part, can you use image instead? as I really tried to make the layerslider work but unfortunately I already spent a lot of time. Hope this helps :)

    Best regards,
    Nikko

    in reply to: Enfold Youtube Preview Image #710550

    Hi,

    Sorry I missed this thread, I have already looked into it and I can’t find any problem within the Video of Advance Layout Builder. If I try to check the video link (in the private content), that’s directly in youtube and you can see the problem. Can you try to use the embed code instead and put it in text block, this might help solve the problem.

    Best regards,
    Nikko

    in reply to: Burger menu on mobile with Logo center menu below setting #710539

    Hi,

    Try adding this code in functions.php:

    function add_custom_hamburger(){
    ?>
    <script type="text/javascript">
    (function($){
      function newburger() {
        $('#advanced_menu_toggle').append('<span class="av-hamburger av-hamburger--spin av-js-hamburger"><span class="av-hamburger-box"><span class="av-hamburger-inner"></span>Menu</span></span>');
      }
    
      newburger();
    })(jQuery);
    </script>
    <?php 
    }
    add_action('wp_footer', 'add_custom_hamburger');

    Then add this code to Quick CSS (located in Enfold > General Styling):

    #advanced_menu_toggle {
        border: 0 !important;
    }
    
    #advanced_menu_toggle:before {
        display: none !important;
    }

    Let us know if it works :)

    Best regards,
    Nikko

    in reply to: make easy slider go faster #710531

    Hey Doron,

    Try editing this file in Enfold, located in config-templatebuilder > avia-shortcodes > slideshow.php and find this code block (line 250-256):

    array(
    						"name" 	=> __("Slideshow autorotation duration",'avia_framework' ),
    						"desc" 	=> __("Images will be shown the selected amount of seconds.",'avia_framework' ),
    						"id" 	=> "interval",
    						"type" 	=> "select",
    						"std" 	=> "5",
    						"subtype" =>
    						array('2'=>'2','3'=>'3','4'=>'4','5'=>'5','6'=>'6','7'=>'7','8'=>'8','9'=>'9','10'=>'10','15'=>'15','20'=>'20','30'=>'30','40'=>'40','60'=>'60','100'=>'100')),

    Replace the last line with:

    "subtype" =>
    						array('1'=>'1','2'=>'2','3'=>'3','4'=>'4','5'=>'5','6'=>'6','7'=>'7','8'=>'8','9'=>'9','10'=>'10','15'=>'15','20'=>'20','30'=>'30','40'=>'40','60'=>'60','100'=>'100')),

    Hope this helps :)

    Best regards,
    Nikko

    in reply to: Google conversion Pixel on click button doesnt count #710527

    Hi,

    I checked it and it doesn’t seem to run the click event, I modified functions.php and inserted the click event in this script:

    add_action('wp_footer', 'ava_custom_script');
    function ava_custom_script(){
    ?>
    <script type="text/javascript">
    (function($) {
    	function a() {
    		$('.av-masonry-image-container img').each(function() {
    			$(this).removeAttr('title');
    		});
    	}
    
    	a();
    })(jQuery);
    </script>
    <?php
    }

    And it should look like this now:

    add_action('wp_footer', 'ava_custom_script');
    function ava_custom_script(){
    ?>
    <script type="text/javascript">
    (function($) {
    	function a() {
    		$('.av-masonry-image-container img').each(function() {
    			$(this).removeAttr('title');
    		});
    
    		$('.terminus a').click( function() {
    			ga('send', 'event', 'Button', 'click', 'Termin vereinbaren');
    		});
    	}
    
    	a();
    })(jQuery);
    </script>
    <?php
    }

    I tested it out and it runs the click event. Let us know if it works on your end too. :)

    Best regards,
    Nikko

    in reply to: Color section background fade in and fade out #710515

    Hey Gunter,

    Thanks for contacting us :)

    Unfortunately those animations are not supported in the background of color sections and we also couldn’t help with it using custom code in Quick CSS, however it is available when you are using Image in Advance Layout Builder.

    Best regards,
    Nikko

    in reply to: Customise single product pages #710514

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Nikko

    in reply to: Portfolio Grid #710513

    Hey carmycurly,

    Try adding this code in Quick CSS (located in Enfold > General Styling):

    #top .grid-sort-container .grid-content {
        position: absolute;
        top: 10%;
        left: 10%;
        background: transparent !important;
        border: 1px solid #fff !important;
        display: flex;
        align-items: center;
        height: 80%;
        width: 80%;
    }
    
    #top .grid-sort-container .grid-content .avia-arrow {
        display: none;
    }
    
    #top .grid-sort-container .grid-content h3.grid-entry-title {
        background: transparent;
        color: #fff !important;
        text-align: center;
    }

    Hope this helps :)

    Best regards,
    Nikko

    in reply to: i cannot see the first button. #710510

    Hey corneliaboehm,

    Try to add this code in your QUick CSS (located in Enfold > General Styling):

    .home #fullscreen_slider_0 a.avia-slideshow-button:nth-child(3) {
        color: #fff !important;
        background: #ff1100 !important;
    }

    Hope this helps :)

    Best regards,
    Nikko

    in reply to: CONTROL COLOR SECTION #710507

    Hey mleite1,

    You can add for this class custom-color-section to Custom Css Class, and add this code in Quick CSS:

    .custom-color-section {
        height: 150px !important;
    }

    Just replace custom-color-section to any name you want. Hope this helps. :)

    Best regards,
    Nikko

    in reply to: Mobile Queries NOT responding PLEASE HELP! #710505

    Hey Justin,

    Are you referring to this text in h1: Hey Friends! We’re Amii & Andy,?

    This is what I’m picking up:

    @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 568px) and (min-device-width: 320px) {
      h1 {
        font-size: 30px!important;
      }
    }

    Can you give us more details and screenshots if possible.

    Best regards,
    Nikko

    in reply to: product title in product grid #710501

    Hi,

    Try adding this code in Quick CSS:

    #top .avia-content-slider .thumbnail_container img {
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    #top .avia-content-slider a:hover .thumbnail_container img {
        -webkit-transform: scaleX(1.2,1.2);
        -ms-transform: scaleX(1.2,1.2);
        -o-transform: scaleX(1.2,1.2);
        transform: scaleX(1.2,1.2);
    }
    

    Let us know if it works :)

    Best regards,
    Nikko

Viewing 30 posts - 24,811 through 24,840 (of 25,536 total)