Forum Replies Created

Viewing 30 posts - 11,971 through 12,000 (of 34,988 total)
  • Author
    Posts
  • in reply to: text in new row after icon #1351591

    Hey Manuela,
    Did you already find the solution to this? I checked your page and the text is below the icon, please see the screenshot in the Private Content area.

    Best regards,
    Mike

    in reply to: Open lightbox from one single image link #1351589

    Hi,
    Glad we were able to help, and thanks again to Guenni007, we will leave this thread open for Guenni007 to reply. If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Text instead of logo / Logo plus text #1351571

    Hi,
    Thank you for your patience, I tested this function in my functions.php:

    
    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
    function kriesi_logo_addition($sub) {
    	$sub .= '<span class="bloginfo name">' .get_bloginfo( 'name', 'display' ).'</span>';
    	$sub .= '<span class="bloginfo description">' .get_bloginfo( 'description', 'display' ).'</span>';
    	return $sub;
    }

    it gets the site title and description from the WordPress settings, and I uploaded a small 80px red logo as the regular logo and small 80px white logo as the transparent logo in the theme options:
    2022-05-12_084016.jpg
    Then I added this css:

    #top .logo,
    #top .logo a {
      overflow: visible;
    	display:flex;
    	max-height: 80px;
    	color:red;
    	text-decoration: none;
    }
    @media only screen and (min-width: 990px) { 
    #top #header.av_header_transparency .logo a {
    	color:#fff;
    }
    }
    .logo .subtext {
      font-size: 20px;
    	padding-left: 20px;
        font-weight: 600;
    	display: flex;
      flex-direction: column;
      align-items: flex-start;
    	justify-content: center;
    }
    .bloginfo {
    line-height:22px
    }
    @media only screen and (max-width: 820px) { 
    .logo .subtext {
    	font-size: 12px;
    }
    .bloginfo {
    line-height:14px
    }
    }
    @media only screen and (max-width: 610px) {
    .responsive #top #wrap_all #header_main .main_menu {
        display: flex;
        position: relative;
        width: 100%;
        justify-content: center;
    }
    .responsive #top #header_main .logo {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    #header_main .inner-container {
    	display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    }

    my header size is the default “Slim”, with a “Sticky Header”
    2022-05-12_001.jpg
    Desktop before and after scroll:
    2022-05-12_084805.jpg
    Laptop:
    2022-05-12_004.jpg
    For mobile (425px) I stacked the logo & text over the mobile menu and centered them, this seems to work better than making the text so small that I couldn’t really read it:
    2022-05-12_005.jpg
    This is how the smallest mobile (375px) looks:
    2022-05-12_006.jpg
    Please give this a try, I linked to my test site below.

    Best regards,
    Mike

    Hi,
    Thank you for your patience, I see that you are using Enfold 4.7.6.4, please Enter a valid Envato private token and update your theme to Enfold 4.9.2.3
    Then clear your cache and check again.

    Best regards,
    Mike

    in reply to: custom logo size 300xp is too small #1351357

    Hi,
    Thank you for your patience, below I have linked to your logo image, please note that it is in the lower half of the image height, try resizing the image so the logo text is the same height as the image, this will make the logo larger and center it in the container as you have requested.

    Best regards,
    Mike

    in reply to: WPML Language dropdown link glitch. #1351293

    Hi,
    Alright, I move the css for you, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    in reply to: Text instead of logo / Logo plus text #1351215

    Hi,
    Thanks for the feedback, you can have the text to the right, please see our documentation here, with your code above but you will need specific css to move the “text” & “claim” there for each screen size and it is depending on your header size before and after scroll and the header height for mobile. It would be much easier if we could help on a live site.
    I would recommend using “span” instead of a “div” because you will want them to display “inline” instead of “block” for the text to be to the right of the image.
    I will try a Header widget solution on my test site and see if that might work out.

    Best regards,
    Mike

    in reply to: WPML Language dropdown link glitch. #1351205

    Hi,
    I changed the css to this content: "\e8b1"; the “U” has to be a backslash for it to work.
    I only used WordPress > Customize > Additional CSS so I would not have to add the css to each language Quick CSS field, if you are happy with the results feel free to move the css to each language Quick CSS field.

    Best regards,
    Mike

    in reply to: Open lightbox from one single image link #1351204

    Hi,
    Thank you Guenni007 for pointing out the lazy load option above in Gallery element 🙂
    To remove the border try this css:

    #top #main .avia-gallery .avia-gallery-big {
        padding: 0px;
        border-style: none;
        border-width: 0px;
    }
    

    The swipe option is still under “new features” in development, so there is no specific time frame.
    Try checking with the photoswipe plugin author to see if there is a class that can be added to elements to activate the photoswipe lightbox, we might be able to add the class with a script?

    Best regards,
    Mike

    in reply to: Enfold / Woocommerce: square images and image size #1351158

    Hi,
    Glad that this helped, as I pointed out above the zoom-gallary thumbnail container has replaced the standard woo thumbnail container, so while we could try stabbing at it, I would recommend asking the plugin author for their recommended solution as they probably had to correct this for other customers.
    I would point out that your images are not square, so while that may look good when it’s the featured image as the thumbnail it’s not square. Also note that the “thumbnail” is actually the full-size image, just shown smaller, so there is not a “cropped” thumbnail.

    Best regards,
    Mike

    in reply to: Get rid of woocommerce lightbox #1351154

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: WPML Language dropdown link glitch. #1351153

    Hi,
    Glad to hear this is helped, to add the icon before the “language” text I added this css to the WordPress ▸ Customize ▸ Additional CSS field:

    #av-burger-menu-ul>.wpml-ls-menu-item>a>.avia-menu-text>.wpml-ls-native:before {
      content: "\e821";
      font-family: "entypo-fontello";
      font-size: 18pt;
      display: inline-block;
      margin-right: 0.3em;
    }

    please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Open lightbox from one single image link #1351148

    Hi,
    I have tested the Gallery element in a 9 grid layout as you described with the Gallery Style: Big image only, other images can be accessed via lightbox
    2022-05-10_001.jpg
    and each gallery has 5 images
    2022-05-10_002.jpg
    and enabled lazy loading
    2022-05-10_003.jpg
    and only the 9 images that you see on the frontend are loaded, the other 36 images only load once the lightbox is for the specific gallery is opened
    2022-05-10_004.jpg
    2022-05-10_005.jpg
    so this achieves what you were describing above without any customization.

    Best regards,
    Mike

    in reply to: Text instead of logo / Logo plus text #1351089

    Hi,
    Thanks for the google search links but they both pointed to the same thread, thanks for the mockup it helps, but please note that the logo container is wrapped in the link so the image, Topic, Company, and Slogan will all be in the link.
    As far as I know, text in SVG is not searchable, if this is only for SEO why not just add title & alt attributes to the logo image to achieve this?
    Another option would be to not use the theme logo at all but use a header widget with a html widget so you can add the html layout just as you have in your mockup.

    Best regards,
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Style individual menu #1351085

    Hi,
    Try this css:

    #menu-item-122 .sub-menu{
    padding-bottom:0px!important;
    }
    
    #menu-item-122 .sub-menu.avia_mega_hr{
    padding-top:0px!important;
    }

    Best regards,
    Mike

    in reply to: Style individual menu #1351044

    Hi,
    Try:

    #top #avia-menu #menu-item-56 .avia_mega_div.avia_mega2 {
        width: auto;
        white-space: nowrap;
    }

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

    Best regards,
    Mike

    in reply to: Logo on hover with Masonry #1351041

    Hi,
    Glad we were able to help, I removed your domain for the solution above, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Style individual menu #1350977

    Hi,
    Try adding this css:

    #top #avia-menu #menu-item-38 a {
    	padding-left: 30px;
    }

    and adjust the padding to suit, then clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Get rid of woocommerce lightbox #1350968

    Hi,
    If you have the theme option Product gallery set to WooCommerce 3.0 product gallery right now then your plugin Motif Product Image Zoom has replaced the Product gallery because the source code doesn’t match the our theme.
    You can try disabling the lightbox for the theme at Enfold Theme Options ▸ Lightbox Modal Window
    or try adding this code to the end of your functions.php file in Appearance ▸ Editor:

    function custom_noLightbox_script() { ?>
        <script>
    (function($){
      $("#thumbnail-slider a.thumb").addClass("noLightbox").removeClass("lightbox-added");
    })(jQuery);
    </script>
        <?php
    }
    add_action('wp_footer', 'custom_noLightbox_script');

    Best regards,
    Mike

    in reply to: Style individual menu #1350966

    Hi,
    Try this css instead:

    #top #avia-menu #menu-item-35 .avia_mega_div.avia_mega3 {
        width: auto;
        white-space: nowrap;
    }
    

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

    Best regards,
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    Hi,
    Sorry, I don’t know of a safe way to do this automatically.

    Best regards,
    Mike

    in reply to: Open lightbox from one single image link #1350917

    Hi,
    Thanks for the link to your example page, this page uses the prettyPhoto script, the official page is here, the jQuery based lightbox clone is grouping the galleries together in the script, for example.
    Enfold uses the Magnific Popup lightbox script, so each one of the solutions that Ismael linked to, thanks to Guenni007, above would group the galleries together for the Magnific Popup lightbox.
    If you would like an easier solution, Guenni007 recently posted this one where he links to hidden galleries, you could use images as the links and they would each open separate galleries.

    Best regards,
    Mike

    Hey classywebsites,
    Thanks for the login, your mobile header image in your Quick CSS was pointing to another domain and getting a 404 error, I imagine it was a testing domain, please see the links below.
    I corrected to your current domain, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Get rid of woocommerce lightbox #1350915

    Hi,
    I believe that I answered this in another thread you have: how can I disable the lightbox functionality
    by default, the gallery lightbox can be removed by changing the Product gallery to WooCommerce 3.0 product gallery instead of Default enfold product gallery at Enfold Theme Options ▸ Shop Options ▸ Product gallery
    Please give this a try.

    Best regards,
    Mike

    Hi,
    Glad this helped, this is as it’s always been, the lightbox pulls from the title field ie: mfp-title
    2022-05-07_011.jpg
    in the gallery element the “caption” field actually is the image “title” field:
    2022-05-07_012.jpg
    2022-05-07_013.jpg

    Best regards,
    Mike

    in reply to: Text instead of logo / Logo plus text #1350913

    Hey InSilentio,
    Please explain if you are asking for the text & subtext to be below the logo or next to the logo.
    Typically the logo container is 90px high on desktops, are you thinking that the logo will be only 45px high to make room for the text and sub-text, or are you going to want the header larger to make room?
    Typically since the mobile header and logo are already small the sub-text is hidden, is this what you mean by your solution not working on mobile?
    Our documentation has an example, perhaps see this, but I have not seen an example of Logo & text & subtext, perhaps you could link to the solution that you found and your test site so we can see how small your header and logo image and text and sub-text is going to be.

    Best regards,
    Mike

    in reply to: Style individual menu #1350909

    Hi,
    Thank you for your patience, please try this css:

    #top #avia-menu #menu-item-35 .avia_mega_div.avia_mega3 {
        width: auto;
    }
    

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

    Best regards,
    Mike

    in reply to: Logo on hover with Masonry #1350908

    Hi,
    Thank you for your patience, I found another way to add the images without a plugin, I replaced the previous shortcodes with these:
    [porsche-logo]
    [kadewe-logo]
    [fcbayern-referenzen-logo]
    [fraunhofer-referenzen-logo]

    then I added this function to your child theme functions.php

    function pure_javascript_image_shortcode() { ?>
        <script>
    var elements = new Array();
    var elements = document.getElementsByClassName('av-masonry-entry-content');
    for (var e = 0; e < elements.length; e++) {
        var newHTML = elements[e].innerHTML;
        newHTML = newHTML.replace('[porsche-logo]','<img class="avia_image" src="https://your-site.de/wp-content/uploads/2022/03/porsche-logo.svg" alt="" title="" itemprop="thumbnailUrl" style="height: 150px;margin:auto;">');
        newHTML = newHTML.replace('[kadewe-logo]','<img class="avia_image" src="https://your-site.de/wp-content/uploads/2022/03/kadewe-logo.svg" alt="" title="" itemprop="thumbnailUrl" style="height: 150px;margin:auto;">');
        newHTML = newHTML.replace('[fcbayern-referenzen-logo]','<img class="avia_image" src="https://your-site.de/wp-content/uploads/2022/03/fcbayern-referenzen-logo.svg" alt="" title="" itemprop="thumbnailUrl" style="height: 150px;margin:auto;">');
        newHTML = newHTML.replace('[fraunhofer-referenzen-logo]','<img class="avia_image" src="https://your-site.de/wp-content/uploads/2022/03/fraunhofer-referenzen-logo.svg" alt="" title="" itemprop="thumbnailUrl" style="height: 150px;margin:auto;">');
        elements[e].innerHTML = newHTML;
    };
    </script>
        <?php
    }
    add_action('wp_footer', 'pure_javascript_image_shortcode');

    now the images show without messing up the other elements, please check.

    Best regards,
    Mike

Viewing 30 posts - 11,971 through 12,000 (of 34,988 total)