Viewing 30 results - 99,181 through 99,210 (of 142,852 total)
  • Author
    Search Results
  • #595421

    Hey!

    http://girlsnapoutofit.com/wp-content/uploads/2015/02/websitebanner_middle.jpg

    Modify this image, extract the curvy top part. Edit the color section, upload the edited background image then set the “Background Repeat” to “Repeat”. Set the Custom Background Color of the color section to the color of the image background.

    UPDATE: Set the “Background Repeat” to “Tile Horizontally”.

    Cheers!
    Ismael

    #595413

    Hey!

    UPDATE: Please add this in the functions.php file:

    // variant products 
    add_action( 'wp_footer', 'ava_custom_script' );
    function ava_custom_script() { ?>
    	<script type="text/javascript">
    	(function($){
    		var a = function() {
    			$('.av-woo-purchase-button').on('mouseover', function() {
    				var sbutton = $('#top form.cart .button');
    				if(sbutton.attr('disabled') == "disabled") {
    					$('#top .variations select').addClass('select-variant');
    				} else {
    					$('#top .variations select').removeClass('select-variant');
    				}
    			});
    		}
    
    		a();
    	})(jQuery);
    	</script>
    	<?php
    }

    And this code in the Quick CSS field:

    .select-variant { border: 3px solid red; }
    

    Best regards,
    Ismael

    #595410
    Tobias-B-Conrad
    Participant
    #595407

    Hi @henrik51;
    your first slider has as “id” /full_slider_1/,
    if you add another one into your page it would be /full_slider_2/.

    Then if you add these lines into your child theme css or quick css (under Enfold theme settings)
    it would show #1 and hide #2 for desktop and
    it would show #2 and hide #1 for mobil (max 767px)

    #full_slider_2 {display: none !important;}
    
    /*Mobile Styles */
    /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
    #full_slider_1 {display: none !important;}
    #full_slider_2 {display: block !important;}
    }

    In any case I would advice to see Enfold documentation.

    #595374

    Hi!

    Thank you for the link. Note that the slider images are added as background and the background-size property is set to cover which means that the image will cover the whole container but it may cut off parts of the image to keep its aspect ratio. We can set the background size to 100% or “contain” but it will distort the image. The workaround is to hide the full screen slider on smaller screens then add another full width easy slider specifically created for mobile. Toggle the display of the sliders with css media queries. Example here: https://kriesi.at/support/topic/cant-click-hide-mobile-menu-submenu-items/#post-586327

    Best regards,
    Ismael

    #595347
    Paul M
    Participant

    hi,

    i am using the Sticky Header with Shrinking Header unchecked. When the page is scrolled, the logo increases in size and the nav links become bold. How do I stop those two behaviors from happening so that the Sticky Header looks the same before and after the page scrolls.

    Thanks

    #595343

    Hi Jihad,

    You linked to the overview page so I’m not sure what you are referring to, please click Remove Frame in the top right hand corner of the screen, you can get the direct URL after that.

    Thanks,
    Rikard

    juliacecere
    Participant

    Hi!

    In another thread:

    https://kriesi.at/support/topic/bug-elegant-blog-layout-category-pages-show-no-featured-image/

    It say’s to add the following to the functions.php file if i want to have the featured image displayed on category archive/tag pages, since I am using the “Use the Advance Editor to build Blog Layout” function. Easy enough! I just don’t want to screw anything up…can you tell me EXACTLY where to add this within the functions.php file one I open it in the editor?

    add_filter(‘avf_blog_style’,’avia_change_category_blog_layout’, 10, 2);
    function avia_change_category_blog_layout($layout, $context){
    if($context == ‘archive’) $layout = multi-big’;
    if($context == ‘tag’) $layout = ‘multi-big’;
    return $layout;
    }

    Thank you!

    #595325

    Hi mcraig77!

    The “New Pilot FAQ” looks right as there is no content to scroll any further up it stops at the bottom.

    The “Email us ” Don’t look right.

    Please add the #ID selector to the color section in edit option.

    If that is what you have done we would like to inspect it closely please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.

    Cheers!
    Vinay Kashyap

    #595322

    Hey!

    Please use the below css to collapse the section seen in the screenshot in tablets and mobile

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .slide-entry {
        width: 100%!important;
        margin: 20px 0!important;
    }
    }
    

    Please use the below css to collapse the section seen in the screenshot in mobile only

    @media only screen and (max-width: 480px) {
    .responsive #top #wrap_all .slide-entry {
        width: 100%!important;
        margin: 20px 0!important;
    }
    }

    Best regards,
    Vinay Kashyap

    #595321

    Hey doperdoll!

    please use the below css to make the dropdown look similar to megamenu

    #top .av-main-nav ul a {
        padding: 3px 12px 3px 12px;
        font-weight: normal;
        font-size: 14px!important;
        line-height: 23px!important;
    }
    
    #top .av-main-nav ul a:hover {
        font-size: 14px!important;
    }

    Regards,
    Vinay Kashyap

    #595316

    Hi,

    Great, glad you got it fixed. Please let us know if you should need any more help on the topic.

    Regards,
    Rikard

    #595310

    Hey!

    To use a different menu you need to add a condition to load a different menu if it is a specific page you can do that using plugins like

    https://wordpress.org/plugins/zen-menu-logic/
    https://wordpress.org/plugins/menu-items-visibility-control/
    https://wordpress.org/plugins/page-specific-menu-items/
    https://wordpress.org/plugins/menu-swapper/

    or by editing the code here is some helpful info https://css-tricks.com/forums/topic/show-different-nav-menu-on-specific-pages-wordpress/

    Regards,
    Vinay Kashyap

    #595305

    Hey Vinay,

    How do I designate it is only for the mobile view?

    I would list the code I used but I deleted it and couldn’t figure it out again– I started with media devices and max width 990px (so feature phones would be included), and I think I made the left value 5px.

    It looked perfect on the mobile view but moved the logo in the logo area over to the right on the desktop view for some reason, so it was covering the first couple of main menu items.

    Can you help me with the right selectors?

    Thanks!

    #595301

    In reply to: Header problem

    Hi!

    You have a very nice site :)

    If the below code was previously added please change 100px to 120px

    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 100px;
    }

    If you do not recall anything similar added please use the below code in Enfold > General Styling > Quick CSS

    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 120px!important;
    }

    Regards,
    Vinay Kashyap

    #595298
    #595274
    Julie
    Participant

    Hello!

    I wanted to make it so the 2nd-level submenu would appear on the right of the 1st-level submenu. Found the following thread: https://kriesi.at/support/topic/submenu-items-open-to-left-change-to-right/#post-384541 and adjusted that code to this:
    .sub-menu .sub-menu { left: 205px !important; }

    Worked great, except the 2nd-level submenu is now too far to the right in the mobile menu.

    How can I fix this on mobile views?

    A link to the site is below.

    Thanks in advance for your help!

    #595268

    Ismael,

    I’m still getting the background color on the drop down part of the menu set to red – only on the IPad and only when displayed vertically. On every other device, and on the IPad in horizontal mode, it is 100% correct.

    You can see it happen by looking at the website on an IPad. Start vertically, select a top level menu item, and the drop down background will be red. Rotate the IPad in your hand to horizontal – it will display correctly.

    Cleared Safari cache, no difference.

    The strangest thing I have ever seen. Any ideas?

    Roger

    #595267

    Basically I’m just trying to change the navigation menu that is displayed at the top of a page.

    I have already created the separate menu in appearances > menus called “strategy session confirmation”

    I’d like to use this menu for page “strategy session confirmation”

    What I’m trying to do should be very basic but for some reason I don’t see an option to select what menu I’d like to use.

    It just defaults to my main menu navigation.

    #595265
    mcraig77
    Participant

    When I click on some buttons I have it jump to a section (like the onepage effect) It works but I was wondering if it were possible to have that section shown in full? Right now it is just the top portion of that section.

    When I click email us (screenshot 1) and Inquiry Form (screenshot 2) it goes to the contact form (screenshot 3) but it does not show it in full… anyway for it show the whole form not just the top?

    Hi all, I’m having the same issue with a youtube video plus that it is not adapting to the slider size.

    I followed https://kriesi.at/support/topic/layerslider-zoom-video-to-fill-banner-space/#post-327976 in order to add the video.

    How can I make the video stop at the end and fit the slider area?

    Any help is appreciated.

    Jorge.

    #595260

    Hi Dylan!

    Thanks for reaching out to us and sorry for the delayed reply.

    You add the following CSS in the Quick CSS section to correct the image displaying on mobile devices:

    @media screen and (device-width: 500px) and (device-height: 840px) {
    .av-parallax.avia-full-stretch.active-parallax {
        top: 0px;
     }
    }

    Let me know if you require further assistance.

    Cheers!
    Jordan

    #595256
    doperdoll
    Participant

    I figured out how to change the font size and spacing on mega menu from one of the other posts. However, I have one main menu item that is just a drop down. Can you provide the css for the drop down to match my existing font size and spacing like i have it in my mega menu please. Below is what i currently have in my css:

    .logo img { position: relative; top: 6px; }
    #top #header .av-main-nav > li > a {
            font-size: 20px !important;
        }
    }
    #top #header .avia_mega_div > .sub-menu > li > ul > li a { padding-top: 0; }
    .avia_mega_div .avia-bullet { margin-top: 8px; }
    #top #header .avia_mega_div > .sub-menu { padding: 5px 18px 5px; }
    #top #header .avia_mega_div > .sub-menu > li > ul > li a { font-size: 14px; }
    #top #header .mega_menu_title a { font-size: 16px; }
    .av-main-nav > li > a {
        padding: 0 20px;
    }
    
    .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text{
        padding-left: 20px;
        margin-left: -20px;
    }
    #595249

    In reply to: Header Transparency

    Hey PRESIDENTIALPROPERTIES!

    Thanks for reaching out to us.

    I visited your site and the background of the header on scroll has the background pattern.
    Header Background

    To add the background to the top section with the social icons, please add the following CSS to the Quick CSS section:

    #header_meta {
        background: url("http://www.azzivo.com/wp-content/themes/enfold/images/background-images/linen-for-light-background.png");
    }

    Let me know if there is anything else you need.
    Cheers!
    Jordan

    #595246

    Hi,

    I’ve put the above css in but it makes the grid images appear 100% in every screen size (even bigger then 767px) which is weird.

    I also tried this:

    @media only screen and (max-width: 700px) {
    #top .no_margin.av_one_third {
    width:100% !important;
    }
    }
    But then nothing happens….
    Could you have one more look at this for me?
    Thank you!!!
    Lisa

    Hello,

    I have added the code and it looks like it’s not working, I am still running some test and will check back in, to add, here are some images of the issue and the only codeblock being displayed is this” [avia_codeblock_placeholder uid=”0”] ”

    and it’s usually at the top and bottom of the feed, with the uid changing.

    http://www.summermatters.net/wp-content/uploads/2016/03/Screen-Shot-2016-03-08-at-1.42.00-PM.png

    http://www.summermatters.net/wp-content/uploads/2016/03/Screen-Shot-2016-03-08-at-1.43.34-PM.png

    Thanks!

    #595241
    r6203
    Participant

    Hallo!

    I’m having problems with my clients site. In the standard Android browser all icons (icon list, hamburger menu, etc.) are missing. It seems that the css font couldn’t be loaded.
    However, the site works fine on the same device with the Chrome browser. Desktop and iOS works fine, too.

    Here’s a screenshot from the actual device: Screenshot

    I’m using nginx to serve the site. I looked into the request on a working device and the response header was the proper filetype. (“text/css”)
    So I assume it’s not a serving issue on my end?

    Thanks for the help and the awesome theme!

    Danke!

    #595232
    greydongilmore
    Participant

    Hello,

    I would like to customize the over effect for each single post on each page of my website. I review cafes and give them a ranking. I would like this ranking to appear overtop of the feature image for each post.

    Is this possible?

    Greydon

    #595197

    Hi, I encounter the same problem.
    On iPad the masonry elements do not always show.
    1. I don’t see the animation as it should (coming in one by one, like it does on safari macOS)
    2. Often the elements remain blank and I have to tap the menu again or somewhere on the page to actually see them.
    They are there, just not visible. This only happens with masonry elements. I’m pretty sure it has to do with the animation since it doesn’t animate as it does on chrome and safari for desktop.
    Please check this on iPad and iPhones. I read numerous threads about this, but running all latest versions I still see this problem persists.

    Thank you

    S

    Hi!

    versuch es mit diesem Code im Quick CSS Feld:

    @media only screen and (max-width: 767px) {
    .flex_column.av_one_full.no_margin.flex_column_table_cell.av-equal-height-column.av-align-top.first.avia-builder-el-2.el_before_av_three_fourth.avia-builder-el-first.hintergrund {
    border-radius: 0px !important;
    }
    .flex_column.av_three_fourth.no_margin.flex_column_table_cell.av-equal-height-column.av-align-top.first.avia-builder-el-4.el_after_av_one_full.el_before_av_one_fourth.hintergrund.column-top-margin {
    border-radius: 0px !important;
    }}
    

    Gruß!
    Andy

Viewing 30 results - 99,181 through 99,210 (of 142,852 total)