Viewing 30 results - 90,031 through 90,060 (of 142,937 total)
  • Author
    Search Results
  • #693681

    Hey ParisLaw,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #after_full_slider_1, #after_full_slider_2, #after_full_slider_3 {
        border: none;
    }
    #top div .avia-gallery img {
        border: none;
        padding: 0;
    }
    
    

    Best regards,
    Yigit

    eKMUch
    Participant

    Dear Kriesi,

    Currently the main menu (Home, Aktuelles, Argumente, Über Uns, Kantone) color option is set to underlining the active menu item with a red color. We would like to change this so that there is NO underlining at all but that the active and hovered menu item instead gets a light grey background color (the same grey as appears in the background when hovering over submenu items).

    How can we do this?

    Thank you very much and best,
    Raphael

    #693659

    In reply to: Layout templates

    #693643

    Hey Chris2234!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top .avia-slideshow-arrows a {
        top: 40%;
    }

    Best regards,
    Yigit

    #693625
    Dreier-AG
    Participant

    Hi everyone

    I’m currently updating my companies website and for our anniversary this year we’d like to put a “header image” on our front page and I’m trying to accomplish that with a fullscreen slider because it has the option with the arrow at the bottom of the picture to go to the actual content.

    My problem is that the image is zooming in and I wanted to know where exactly in the CSS files I’d have to edit to fit it to my desire. I tried rescaling the image but it always comes out either crappy and zoomed in or it stops being responsive to the screen size.

    Any help on this would be much appreciated.

    Kind regards

    Léon

    #693607

    edit:
    im short with time, i will do it manully
    you can close this topic

    #693605
    pangoyann1
    Participant

    Hi everybody,

    I added a bunch of code in shortcode.css file to add bottom arrow the top tabs of my tab object.
    That make me disappear the tabs! So I delete the code I added and until there, I just have displayed the first tab content but no more the tabs! They are only displayed in small devices mode.

    Could you help me to recover them please?
    Thanks!

    Yann

    #693599
    Chris2234
    Participant

    Hi, my customer asked me if it is possible to stop the slideshow for 10 seconds when someone clicks on an image? Do you perhaps have a javascript code-snippet which can accomplish this? Many thanks for your support!

    #693591

    Hey Anon_Designers,

    sorry for the delay, please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
    .post-entry .av-special-heading {
        margin-top: 0px!important; 
    }
    

    Best regards,
    Vinay

    #693587

    It’s already on 3.8.

    Isn’t the Google API for Google Maps? The element that doesn’t load on mobile is the Fullwidth Easy Slider. Shows on desktop but not mobile.

    #693584
    Malene123
    Participant

    Hi,

    On my site, I’ve got a fullscreen picture in the top of the site. When I enter the site, the header and main menu has a 100% transparent background, which makes it wuuite difficult to see the menu and logo. As soon as I scroll down howeever, the background comes with a solid colour.

    How can I get this solid coloured background on the top of my site (first screen) as well?

    Cheers,
    malene

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 768px) {
    .responsive #top .slideshow_caption .avia-caption-content {
        font-size: 22px !important;
    }}
    
    

    Best regards,
    Vinay

    #693570

    Hi,

    Please add this in the functions.php file:

    add_action( 'wp_footer', 'ava_custom_script' );
    function ava_custom_script() { ?>
    	<script type="text/javascript">
    	(function($){
    		var a = function() {
    			var ch = $('.container .av-content-small.units').height();
    			$('#top #main .sidebar ').css('height', ch);
    		}
    
    		a();
    	})(jQuery);
    	</script>
    	<?php
    }

    And this code in the Quick CSS field:

    #top #main .sidebar {
        background: red;
    }

    Change the color as needed. :)

    Best regards,
    Ismael

    #693565

    Hi.
    It was there all along just hidden.
    I came up with this and it seems to work –

    @media only screen and (max-width: 480px) {
    .responsive .logo img {
    max-height: 62px!important;}}@media only screen and (max-width: 767px) {
    .main_menu .avia-menu, #header_main_alternate {
    display: block !important;
    }
    .av-main-nav > li { display: none; }
    li#menu-item-search {
    display: block!important;
    margin-top: -90px;
    right: 110px;
    }
    .responsive .main_menu {
    float: right;
    }}
    @media only screen and (max-width: 480px) {
    li#menu-item-search {
    right: 110px!important;
    }
    }

    Thanks again for your help

    #693560

    Hi,

    Look for this code around line 4726:

    if(!event.data.self.isMobile && !event.data.slide.data('disableAutoplay')) { event.data.slide.trigger('play'); } 
    

    .. replace it with:

    if(!event.data.slide.data('disableAutoplay')) { event.data.slide.trigger('play'); } 
    

    I’m not sure if this is going to work because mobile devices do not autoplay videos by default.

    Best regards,
    Ismael

    #693555

    Hey sitesme,

    Thank you for using Enfold.

    1-2.) Please follow solution number 3. https://kriesi.at/support/topic/magazine-thumbnails-2/#post-307751

    3.) Edit the blog posts element, set the Preview Image Size to manual then select the thumbnail size. However, the best solution is to upload images with the same size and proportion.

    Best regards,
    Ismael

    #693554

    Hi,

    The device has higher screen resolution compare to standard desktops so it stretches the image. Please edit the image layer then go to the attributes panel. Apply a unique id or class attribute to it then add the following css code:

    @media only screen and (min-width: 2000px) {
       .customcssclass {
           margin-top: 0 !important;
       }
    }

    Replace “customcssclass” with your custom id or class attribute.

    Best regards,
    Ismael

    #693531

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
    @media only screen and (max-width: 767px){
    #header_meta .sub_menu {
        min-width: 560px;
        background: rgba(0, 0, 0, 0);
        padding-left: 0;
        padding-top: 0px;
        right: 30%;
        position: relative !important;
        top: 15px;
    }
    }
    
    @media only screen and (max-width: 990px){
    #header_meta {
        display: block !important;
        height: 0px !important;
        min-height: 0px !important;
    }
    }
    

    Best regards,
    Jordan

    #693518

    In reply to: Gaps in Gallery

    Hey!

    Try adding this code to General Styling > Quick CSS:

    #top #wrap_all  .avia-gallery-1 .avia-gallery-thumb a {
        min-height: 200px;
    }

    Cheers! 
    Josue

    #693510

    In reply to: Layer Slider Flashing

    I am in Chrome / OS X El Capitan as well. Sometimes I think it stopped, but then it seems to happen again.

    jsugar
    Participant

    Hi there.

    Is it possible to have the menu header be transparent when at the top of the screen, but then become 100% opaque (not transparent) when you scroll down?

    Right now, my menu background color is white, but it’s not 100% opaque when scrolling and it’s a little distracting to be able to see traces of content in the background as you scroll.

    Thanks,
    Jason

    • This topic was modified 9 years, 6 months ago by jsugar.
    #693495

    Topic: Mobile Menu

    in forum Enfold
    dhandakam
    Participant

    Hi there,

    My client wants their mobile menu to look like this one https://www.projectskinmd.com/. Ideally exactly like this one but the most important thing is, that not the whole menu, including submenus shows up when you click on the ‘menu’ button in the top right corner like it does on our mobile site (http://www.vancouvermedispa.ca/) right now. I want the submenus only to show up when you click on the arrow next to the main menu items. Is there a plugin we can use or a way to adjust and customize the mobile menu?

    Thanks!

    #693485

    In reply to: Mega menu

    Hi Joshue,

    I switched to manage my menu in the live preview, then back to the regular way, now I can create the column as you suggested. When I do create the column, I have other display issue. I can select the top menu item, but not the others.

    Lyse

    Hey!

    Try adding this code to General Styling > Quick CSS:

    ul.avia-slideshow-inner li:after {
        content: "";
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        z-index: 1;
    }

    Cheers! 
    Josue

    #693470

    Hey!

    Try adding this code to General Styling > Quick CSS:

    #top div .quantity input[type='button'] {
        border-left: 1px solid;
        border-right: 1px solid;
    }

    Cheers! 
    Josue

    #693463
    jamesgeiger
    Participant

    Hi everyone,

    I’ve had a request to increase the font size of the text in the small info text at the top of the website. Additionally, we’d like to change this text’s color if possible. And also add a clickable link to it as well. How might I accomplish this?

    Thanks!

    Jim Geiger

    #693445

    Hey,

    Try setting a manual Excerpt for each Post, if you don’t see the Excerpt field enable it in Screen Options (top right).

    Best regards,
    Josue

    #693439
    kfranck
    Participant

    I received a notification that there is a new version to the Enfold theme, version 3.8. My concern about updating the new theme is that I will lose all the custom codes that I have made to the index.php page, header page and other pages.

    Last time there was an update, I filed a post (https://kriesi.at/support/topic/missing-elements-with-enfold-3-71/) and Josue added the“Enfold Custom Functions” plugin.

    With the “Enfold Custom Functions” plugin, will my special codes remain after I install the 3.8 version of Enfold? If not, do you have suggestions on what I can do to avoid this problem.

    Thanks in advance.

    kfranck

    #693434

    I found! You can close the topic, thx. Carine

    #693418

    In reply to: import new DEMO?

    Please I don’t know how to open a new topic
    I had imported a new demo to my website and now every thing has gone and changed. Please
    this is my first time to use wordpress and your enfold theme is my first one!
    My question is how to bring back my website in dont think I can do the same one again
    Don’t take car about my english because French is my main language

Viewing 30 results - 90,031 through 90,060 (of 142,937 total)