Viewing 30 results - 5,251 through 5,280 (of 142,866 total)
  • Author
    Search Results
  • #1440366
    AgenturLanzinger
    Participant

    Hello everyone,

    I’m using the imported parallax demo for a website I’m currently working. It looks awesome, but there is a random whitespace that I just can’t get rid of. I deleted the “Say hello to an XXX Enfold” rotating heading and it seems, that the surrounding space of the heading doesn’t want to leave. It also only seems to be present on the desktop version. On mobile, the whitespace disappears

    See Screenshots: https://drive.google.com/file/d/1pMLyztbUiDtrMVpI60sEpf33bly_JzKS/view?usp=share_link
    The upper Screenshot is from the Enfold Demo. The bottom one is from my website displaying the problem.

    Can you help me get rid of this whitespace? Login in Private Content.

    Regards
    Julian

    #1440351

    In reply to: Icon list styling

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #after_section_1 .template-page.content {
    	padding-top: 0;
    }

    adjust the zero to suit.
    Please note that we ask that each thread stays on a specific topic, this helps us keep threads manageable. This thread has already covered several topics, so for further questions please open a new thread

    Best regards,
    Mike

    #1440347

    the json method is used by google maps api long time ( in the meantime there is a cloud console for that) . https://mapstyle.withgoogle.com/ – they use a very similar json code like your “snazzy” one for styling.

    is it possible to adapt that for the native google json?

    Edit: it works with the google json aswell. In this case i do not name it snazzy.

    But you had to edit a bit that output code of google json !

    Changes in avia_google_maps_api.js are the same – and because it is set by a ternary operator there is nothing to stop it being included for the next release – right?

    f.e.:

    add_filter( 'avf_gmap_vars', function($maps) {
    $googleStyles = 
    
    // here is the place to insert the edited google styling json
    // all curly brackets had to be changed to square brackets - and the ":"     had to be replaced by: "=>"
    
    [
      [
        "elementType"=> "geometry",
        "stylers"=> [
          [
            "color"=> "#ebe3cd"
          ]
        ]
      ],
      [
        "elementType"=> "labels.text.fill",
        "stylers"=> [
          [
            "color"=> "#523735"
          ]
        ]
      ],
      [
        "elementType"=> "labels.text.stroke",
        "stylers"=> [
          [
            "color"=> "#f5f1e6"
          ]
        ]
      ],
      [
        "featureType"=> "administrative",
        "elementType"=> "geometry.stroke",
        "stylers"=> [
          [
            "color"=> "#c9b2a6"
          ]
        ]
      ],
      [
        "featureType"=> "administrative.land_parcel",
        "elementType"=> "geometry.stroke",
        "stylers"=> [
          [
            "color"=> "#dcd2be"
          ]
        ]
      ],
      [
        "featureType"=> "administrative.land_parcel",
        "elementType"=> "labels.text.fill",
        "stylers"=> [
          [
            "color"=> "#ae9e90"
          ]
        ]
      ],
      [
        "featureType"=> "landscape.natural",
        "elementType"=> "geometry",
        "stylers"=> [
          [
            "color"=> "#dfd2ae"
          ]
        ]
      ],
      [
        "featureType"=> "poi",
        "elementType"=> "geometry",
        "stylers"=> [
          [
            "color"=> "#dfd2ae"
          ]
        ]
      ],
      [
        "featureType"=> "poi",
        "elementType"=> "labels.text.fill",
        "stylers"=> [
          [
            "color"=> "#93817c"
          ]
        ]
      ],
      [
        "featureType"=> "poi.park",
        "elementType"=> "geometry.fill",
        "stylers"=> [
          [
            "color"=> "#a5b076"
          ]
        ]
      ],
      [
        "featureType"=> "poi.park",
        "elementType"=> "labels.text.fill",
        "stylers"=> [
          [
            "color"=> "#447530"
          ]
        ]
      ],
      [
        "featureType"=> "road",
        "elementType"=> "geometry",
        "stylers"=> [
          [
            "color"=> "#f5f1e6"
          ]
        ]
      ],
      [
        "featureType"=> "road.arterial",
        "elementType"=> "geometry",
        "stylers"=> [
          [
            "color"=> "#fdfcf8"
          ]
        ]
      ],
      [
        "featureType"=> "road.highway",
        "elementType"=> "geometry",
        "stylers"=> [
          [
            "color"=> "#f8c967"
          ]
        ]
      ],
      [
        "featureType"=> "road.highway",
        "elementType"=> "geometry.stroke",
        "stylers"=> [
          [
            "color"=> "#e9bc62"
          ]
        ]
      ],
      [
        "featureType"=> "road.highway.controlled_access",
        "elementType"=> "geometry",
        "stylers"=> [
          [
            "color"=> "#e98d58"
          ]
        ]
      ],
      [
        "featureType"=> "road.highway.controlled_access",
        "elementType"=> "geometry.stroke",
        "stylers"=> [
          [
            "color"=> "#db8555"
          ]
        ]
      ],
      [
        "featureType"=> "road.local",
        "elementType"=> "labels.text.fill",
        "stylers"=> [
          [
            "color"=> "#806b63"
          ]
        ]
      ],
      [
        "featureType"=> "transit.line",
        "elementType"=> "geometry",
        "stylers"=> [
          [
            "color"=> "#dfd2ae"
          ]
        ]
      ],
      [
        "featureType"=> "transit.line",
        "elementType"=> "labels.text.fill",
        "stylers"=> [
          [
            "color"=> "#8f7d77"
          ]
        ]
      ],
      [
        "featureType"=> "transit.line",
        "elementType"=> "labels.text.stroke",
        "stylers"=> [
          [
            "color"=> "#ebe3cd"
          ]
        ]
      ],
      [
        "featureType"=> "transit.station",
        "elementType"=> "geometry",
        "stylers"=> [
          [
            "color"=> "#dfd2ae"
          ]
        ]
      ],
      [
        "featureType"=> "water",
        "elementType"=> "geometry.fill",
        "stylers"=> [
          [
            "color"=> "#3300ff"
          ],
          [
            "lightness"=> 40
          ]
        ]
      ],
      [
        "featureType"=> "water",
        "elementType"=> "labels.text.fill",
        "stylers"=> [
          [
            "color"=> "#ffffff"
          ]
        ]
      ]
    ]
    // end of insertion
    
    ;
        $maps['av_google_map']['av_gmap_0']['styles'] = json_encode($googleStyles);
        return $maps;
    });
    • This reply was modified 1 year, 11 months ago by Guenni007.
    • This reply was modified 1 year, 11 months ago by Guenni007.

    Hi,

    Please try this CSS instead:

    .wc-block-components-address-form-wrapper .components-base-control__label {
      top: -30px !important;
    }

    Best regards,
    Rikard

    Hi,

    Thank you for the update.

    Did you remove the previous modification that adjusts the top position? Please provide a screenshot of the issue using Savvyify, Imgur or Dropbox. Here are the steps to follow:

    1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
    2.) Locate the option to upload a file or an image.
    3.) Select the screenshot file from your computer or device and upload it to the platform.
    4.) After the upload is complete, you will be provided with a shareable link or an embed code.
    5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

    Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

    Best regards,
    Ismael

    #1440330

    Hey manfredergott,

    Thank you for the inquiry.

    The previous code specifically targets tablet devices. If you want it to appy across all devices, you can use this css code instead.

    @media only screen and (max-width: 989px) {
      .html_stretched.responsive.html_header_top #top #main {
        margin-top: 90px !important;
      }
    
      .html_stretched.responsive #top #wrap_all #header {
        position: fixed !important;
      }
    }

    Best regards,
    Ismael

    #1440326

    In reply to: Icon list styling

    Hi Mike

    For that top section color section I have the Margin and Padding set at No Padding (0px) not default size and it still has a large gap under it. So how can I reduce that gap please?

    Also for the Icon list – is anyway to change the icon list from being a h4 tag – and just a normal paragraph font/tag?

    And for the Header Social Icons – I have it set to: Display in main header area but they don’t show on mobile – how do I get the social icons to show on the mobile header area?

    Cheers
    Natasha

    #1440319

    getting the whole phone-info in the center position it is only one additional quick css ( best is then to have no top navigation in addition)

    
    .phone-info {
      float: left !important;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
    }

    it might be necessary to have on transform a bit different value ( like on my page it is -47%)

    #1440317

    Wow, thank you so much! For now, I’ve added the first CSS you gave me, but I like the way you have it on the sample site (centered at the top), so yes, I’m going to try it. And this will be so great to have on hand for future sites. I love Enfold and use it for all my sites, it is only the header that can still be difficult to customize. (So hoping some day the header will be a page option like the footer, or have more options for buttons and icons etc in the top bar). Thank you thank you. Your support is amazing, as always! (going to try this tomorrow).

    #1440314

    In reply to: Icon list styling

    Hi,
    I believe that the gap that you are referring to is the top padding inside the second color section, currently it is the default 50px. So either try the small padding or no padding.

    Best regards,
    Mike

    #1440308
    manfredergott
    Participant

    Guten Tag,
    ich nutze Enfold Demo Consulting und möchte bei der mobilen Version den Header fixieren (überall, wo Burger-Menü ist),
    dieser Code dürfte nicht funktionieren, entnommen von https://kriesi.at/support/topic/how-to-enable-small-fixed-sticky-header-for-mobile-tablet/

    @media only screen and (max-width: 989px) {
    .html_stretched.responsive.html_mobile_menu_tablet.html_header_top #top #main {
    margin-top: 90px !important;
    }
    .html_stretched.responsive.html_mobile_menu_tablet #top #wrap_all #header {
    position: fixed !important;
    }
    }

    Hi,

    Please try this CSS as well:

    .wc-block-components-address-form-wrapper .components-base-control__label {
      top: -30px;
    }

    Best regards,
    Rikard

    #1440280

    Hey Technohead,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 480px) {
    .responsive #top .av-masonry-entry {
        width: 49.9% !important;
    }
    }

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

    Best regards,
    Mike

    Top one worked thanks.

    And yes, let’s Move them up above the actual field. That might solve the issue?

    #1440267

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1440258

    In reply to: mobile different menu

    Hi,

    Would it be possible also enlarge the icons of social and increase the space between them?

    Yes, that should be possible. Please add this css code:

    #top .social_bookmarks li a {
        width: 50px;
        line-height: 50px;
        min-height: 50px;
        height: 100%;
        font-size: 30px;
    }
    
    #top .social_bookmarks li {
        margin-right: 5px;
        width: 50px;
    }

    Best regards,
    Ismael

    Hey mofix,

    Thank you for the inquiry.

    Have you tried adjusting the margin-top property instead of the top position?

    .flex_column.av-lv3xnb7h-d704be59f46f68470e36cceffab6f050 {
        position: relative;
        margin-top: -675px !important;
        right: 0px;
        bottom: 0px;
        left: 0px;
        z-index: 9999;
        padding: 50px 50px 50px 50px;
        background-color: #ffffff;
    }
    
    .flex_column.av-lv3xmm7t-370eed3cf8e1e3c428d6d54d2df69e09 {
        position: relative;
        margin-top: -675px !important;
        right: 0px;
        bottom: 0px;
        left: 0px;
        z-index: 9999;
        background-color: #ffffff;
    }

    Best regards,
    Ismael

    #1440251

    In reply to: Icon list styling

    Hey Mike

    Thats brilliant thanks so much.

    Another question on the sidebar though – before I added the new functions stuff the sidebar shadow line didnt go all the way to the bottom of the page section – why is that? https://www.skills4lifepsychology.com/anxiety/
    Also how do I reduce the gap at the top under the Anxiety Management blue banner and the first bit of text “Feeling Overwhelmed by Anxiety? Take Back Control of Your Life.”?
    Cheers
    Natasha

    #1440250

    Topic: aria-label

    in forum Enfold
    epkdesign
    Participant

    Is there a way to add an aria-label to the button element.
    I need to add it so that a screen reader can get more information.
    You can see in the private link I sent that the buttons are all “shop” but they are sending to a different category and I want to add the category to a label for screen readers.
    Also, I need to add the aria-label to the back to top link and the navigation links on the full width sliders. How do I do that?

    Thanks for your help!

    Hi,

    If the permalink is getting the extra -2 at the end, then something else has that permalink already as @guenni007 pointed out. I’m glad to hear that it’s working as it should now though. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1440233

    Hi,

    Thanks for that. I can’t see any problems with the h3 and h4 elements on my end, the styling from the theme seems to be applying. I do see that you are using span elements in some places though, that means that you would have to extend the styling like this in Quick CSS:

    #top #wrap_all .all_colors h3 span, #top #wrap_all .all_colors h4 span {
      font-family: 'lufga-bolditalic', Helvetica, Arial, sans-serif;
      text-transform: none;
    }

    Or simply remove the span element, so that your text sits directly in the h3 or h4 tag.

    Best regards,
    Rikard

    mofix
    Participant

    Hi, I struggle to reduse all the space that are coming between sections when I overlap columns and have top -450px. Then the color section under have too much large gap. When I take top margin on the color section to -450px, it moves up, but the the background image doesn’t show, and I just see the overlay color. It would be great if I don’t need to ajust the top on all the rest I wioll make further down the site. Any other way to do this? I have made the Image and tekst blocks above in grid-row to get it like that.
    Please look at private content and scroll down to the gap before the film icon.

    Kindly regards, Mathilde

    #1440215

    In reply to: Icon list styling

    Hi,
    To make each item closer together try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #after_section_1 .avia-icon-list li {
        padding: 0;
    }

    To make the sidebar widget scroll with the page try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function custom_script(){
      ?>
      <script>
    (function ($) {
      function a() {
        $(window).scroll(function (e) {
          var $sticky = $('#nav_menu-3');
          var position = ($sticky.css('position') == 'fixed');
          if ($(this).scrollTop() > 100 && !position) {
            $sticky.css({ 'position': 'fixed', 'top': '150px', 'width': $sticky.innerWidth() });
            $sticky.next().css('float', 'right');
            $sticky.addClass('fixed_element_style');
          }
          if ($(this).scrollTop() < 100 && position) {
            $sticky.css({ 'position': 'static', 'top': '0px', 'width': '' });
            $sticky.next().css('float', 'left');
            $sticky.removeClass('fixed_element_style');
          }
        });
      }
    
      a();
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_script');

    Best regards,
    Mike

    #1440206
    rixi
    Participant

    HI,
    i made 2 anchors in the naviagtion to areas/color sections of a webpage but they dont work mobile.On desktop it`s okay.
    Can you tell me why?

    Thanks a lot,
    rixi

    #1440191

    it is still the png as logo. you can just upload that file to media library and insert it to the logo input field.
    Enfold will recognise that you have it centered on top – and will adjust the setting inside the svg ( preserveAspectRatio )

    because you merge the css and js files – refresh that on Performance – Delete Old CSS And JS Files? at the bottom

    #1440185

    Hi,
    Thanks for the link to your site, I see your video is on vimeo, the button is on the vimeo video. See this direct link to the video:

    Try checking your vimeo options and see if you can remove the button from there, or try hosting the video on your site directly.

    Best regards,
    Mike

    #1440178
    manfredergott
    Participant

    Guten Tag,
    ich habe auf meiner Website (Enfold Consulting Demo) einen Bereich, wo am Desktop in 2 Spalten abwechselnd links/rechts Foto und Text platziert ist. In der mobilen Handyversion kommen dann immer 2 Bilder und 2 Textbereiche übereinander.

    Wie kann ich diesen Bereich für die mobile Handy-Version so einstellen, dass ebenfalls immer Bild auf Text folgt?

    • This topic was modified 1 year, 11 months ago by manfredergott. Reason: erledigt

    Hi Rikard,

    this topic is successfully completed so please feel free to close it.
    Thank you.

    Best regards,
    fkm

    #1440164

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1440155

    Hi,

    Yes, the error still occurs, and the toggles don’t work correctly in the desktop view. Please temporarily deactivate the plugins, especially the cache and compression plugins. Let us know of the result.

    Best regards,
    Ismael

Viewing 30 results - 5,251 through 5,280 (of 142,866 total)