Forum Replies Created

Viewing 30 posts - 181 through 210 (of 10,878 total)
  • Author
    Posts
  • in reply to: iOS website jumps top the top of the page #1468804

    or it belongs to viewport height bug on safari mobile.

    try instead in quick css:

    .avia-safari body {
      height: 100vh;
    }
    
    @supports (-webkit-touch-callout: none) {
      body {
        height: -webkit-fill-available;
      }
    }
    in reply to: iOS website jumps top the top of the page #1468798

    Unfortunately, due to a lack of developer tools, mobile browsers cannot be tested in the same way as desktop browsers. Unfortunately, the emulators aren’t accurate enough.
    Since scrolling is triggered by a swipe (touch), I suspect that you could, for example, slightly touch a button which then gets the focus.
    This is very speculative, but worth a try.

    Try ( in this case only for that page-id of https://coralstarfish-com.stackstaging.com ) in your child-theme functions.php:

    function blur_all_avia_buttons() { 
    if(is_page(22)){
    ?>
    <script type="text/javascript">
    window.addEventListener("DOMContentLoaded", function () { 	
    (function($){
    	$('.avia-button').addClass('btn-blur');
    	$('.avia-button.btn-blur').on('mousedown touchstart', function(){
    		$(this).blur();
    	});	
    })(jQuery);
    });
    </script>
    <?php 
    }
    }
    add_action('wp_footer', 'blur_all_avia_buttons');

    Please delete the caches, especially in the mobile device itself.

    in reply to: Bullet point font size #1468744

    To get the best help here, try to describe your project as well as possible.
    Where are the lists? Are they in text blocks – or have you used the Enfold Advanced Element: ‘Icon List’?

    It would always be best to see the relevant page. If you don’t want to make them public, there is a private content input field that only mods can see.

    in reply to: Bullet point font size #1468742

    to influence the native list-point only – there is no way. Even a list-point color does not exist.

    You can only influence the whole list item, it is not possible to influence only the list-style-type.
    you do not need to set the color – then it will be inherited from text-block.
    Are these red points dots? “disc” – so get rid of color property – and adjust the font-size to your needs.

    if you just want to increase the font-size of the list-items select them by the li element and set the font-size property:

    #top .avia_textblock > ul > li {
      font-size: 18px;
    }

    Your wording and topic title led me a little astray. If only you had written: Font-size of the list – that would be clearer

    in reply to: Pluggin Glossary for WP and Avia Layout Builder #1468741

    by the way : did you enable it on the glossary terms – settings page for post-types ?

    in reply to: Bullet point font size #1468739

    to influence the native list-point only – there is no way. Even a list-point color does not exist.
    But you can set the list-points to display: none – and put in front of the list-items a different icon:
    see an example here with all the code you need: https://webers-testseite.de/list-point-styling/

    in reply to: Contact Form 7 Shortcode in Template #1468710

    try

    <?php echo do_shortcode( '[contact-form-7 id="1234" title="Contact form 1"]' ); ?>
    

    and what template do you use? single-portfolio.php

    maybe to get it on both ( classic styled portfolios and advanced layout builded portfolios) it will be better to hook into footer.php for only portfolios.

    try instead in your child-theme functions.php:

    add_action('ava_before_footer', function() {
      if (is_singular( 'portfolio' )){
        echo '<div class="container">';
        echo do_shortcode( '[contact-form-7 id="1234" title="Contact form 1"]' );
        echo '</div>';
      }
    });
    in reply to: Custom Slider Element only lets you upload one photo. #1468614

    Why does the alb_custom_layout not have the advanced layout editor.
    on classic editor there are all alb possibilities too – then only via the drop-down menus, so you could make the same mistakes here as with the Advanced Layout Builder.

    in reply to: Strange menu activity on scroll #1468565

    in other words – shrink only the logo the rest stays on position – white line erased.

    #top #header_main > .container, 
    #top #header_main > .container .main_menu .av-main-nav > li > a, 
    #top #header_main #menu-item-shop .cart_dropdown_link {
      line-height: 244px !important;
    }
    
    #top #avia-menu::after {
      transition: opacity 1s ease;
    }
    
    #top #header.header-scrolled #avia-menu::after {
      opacity: 0;
    }
    in reply to: Whole block clickable – Portfolio Grid #1468564

    ok – nice to have the page link (on your other topic it is shown):

    there are links on the images too – but they could not be clicked because there is a full overlay of the grid-content
    so no need for a script here

    #top .grid-content {
      pointer-events: none;
    }
    /*** if you do not like to have that image white overlay:*****/
    
    #top .grid-entry .image-overlay {
       display: none !important;
    }

    __________________________
    this will work too – but it is not needed here

    function transfer_first_link_as_link_to_article(){
    ?>
    <script type="text/javascript">
    window.addEventListener("DOMContentLoaded", function () { 
      (function($) {
          $('.grid-content').each( function() {
            var LinkSection = $(this).find('.grid-entry-title a').attr('href');
            var LinkTarget = $(this).find('.grid-entry-title a').attr('target');
            if (typeof LinkSection !== "undefined"){
              $(this).on("click", function(){
                if (LinkTarget === "_blank"){
                  window.open(LinkSection, '_blank'); 
                } else {
                  window.location.href = LinkSection;
                };
              });
              $(this).css('cursor','pointer');
              $(this).find('.image-overlay').css('display','none');
            };
          });
      })(jQuery);
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'transfer_first_link_as_link_to_article');
    in reply to: Custom Slider Element only lets you upload one photo. #1468544

    ok – the filter will bring it to me ;)

    in reply to: Custom Slider Element only lets you upload one photo. #1468543

    What I would also find useful is if the Admin or Editor (if included in that role) could also see and change the blocked items. And the setting to hide blocked items only affects the other roles.

    in reply to: Custom Slider Element only lets you upload one photo. #1468541

    When creating a custom element, the aim is to make settings for this element in advance and, if necessary, to block them directly for non-admins (possibly) editors (depending on your pre-selection see screenshot).

    Ultimately, the aim is to define as many settings as possible in advance so that an author no longer has access to many of these settings (headings tag, position of the heading, captions etc., background-colors etc. . The image that you enter on creation of the custom slider is only used to set default settings for this slider. You can here hamper for example that the author got the possibility to insert videos to the slide.

    Once your custom element has been created and is ready to be inserted into the layout, authors can insert as many images as they like using the predefined default settings.
    And only the nonblocked Settings are editable.

    btw:

    in reply to: Rename a child theme? #1468507

    The child theme name does not appear in the frontend. So why rename the child theme?
    Just to obfuscate the Enfold origin – this involves much more than just changing the name.

    By the way – it is a good idea – to have a backup on this. And perhaps if you rename child and parent theme to save your theme settings file and maybe the quick css.

    As long as you do not change the reference in the style.css of the child theme to the parent element, you can rename it as you wish.
    Enfold even offers you the option of renaming the stylesheet of the Theme using a filter.
    but read here carefully on the docu: https://kriesi.at/documentation/enfold/personalize-theme/

    function avia_change_filename($stylesheet){
    return 'myfilename';
    }
    add_filter('avf_dynamic_stylesheet_filename', 'avia_change_filename');

    by the way dear dev/mods: on docu this snippet is listet with myfilename.css – this will lead to myfilename.css.css – so above only the name is neccessary – the css extension is added to the filename by default.

    I must say, however, that those who are able to examine such things more closely will always recognise the basis of the theme.

    in reply to: 2 or more columns on a row #1468506

    non c’è di che

    in reply to: 2 or more columns on a row #1468489

    if you want it 5 columns on desktop and on mobile always 2 column:

    #top .settore-attivita .entry-content-wrapper {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
    }
    
    #top .settore-attivita .entry-content-wrapper:before,
    #top .settore-attivita .entry-content-wrapper:after {
      display: none !important;
    }
    
    #top .settore-attivita .entry-content-wrapper .flex_column {
      flex: 0 1 19%;
      width: unset !important;
      margin: 0px;
    }
    
    @media only screen and (max-width: 767px) {
      #top .settore-attivita .entry-content-wrapper .flex_column {
        flex: 0 1 48%;
      }
    }
    }

    you see how it works ?

    in reply to: 2 or more columns on a row #1468487

    Thanks but I did exactly as you told me:

    no you did not !

    look to the layout image again – the color-section with your columns should have the custom-class : settore-attivita
    you gave to it an ID : settore-attivita

    An ID is not a class

    Why i choose for it a class:
    An ID had to be unique on the page.
    If you like to use it on that page again for a different section – you can use that class again. An ID not

    • This reply was modified 1 month, 2 weeks ago by Guenni007.
    in reply to: 2 or more columns on a row #1468484

    look to the layout image again – the color-section with your columns should have the custom-class : settore-attivita
    you gave to it an ID : settore-attivita

    If you like to have only 2 columns beside – even on mobile phone just get rid of last media query rules:

    @media only screen and (max-width: 549px) {
      #top .settore-attivita .entry-content-wrapper .flex_column {
        flex: 1 1 100%;
      }
    }
    in reply to: Whole block clickable – Portfolio Grid #1468461

    because i do not see private content – i guess your page is like this:
    https://kriesi.at/themes/enfold-2017/blog/blog-default/ – and you like to have the link for the whole (Image, heading, excerpt and read-more)
    if you like to have it more specific – use custom classes or page-id’s

    this snippet transfers the first link that could be found in the articel to the slide-entry:

    function transfer_first_link_as_link_to_article(){
    ?>
    <script type="text/javascript">
    window.addEventListener("DOMContentLoaded", function () { 
      (function($) {
          $('.slide-entry').each( function() {
            var LinkSection = $(this).find('a:first').attr('href');
            var LinkTarget = $(this).find('a:first').attr('target');
            if (typeof LinkSection !== "undefined"){
              $(this).on("click", function(){
                if (LinkTarget === "_blank"){
                  window.open(LinkSection, '_blank'); 
                } else {
                  window.location.href = LinkSection;
                };
              });
              $(this).css('cursor','pointer');
            };
          });
      })(jQuery);
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'transfer_first_link_as_link_to_article');
    in reply to: 2 or more columns on a row #1468458

    If you have looked at my suggestion, I will remove your pictures.
    the ID is only for a anchor navigation if you like

    https://webers-testseite.de/giulia/

    in reply to: Abmahnung wegen Bildrechtverstoß? #1468451

    OK – that sounds good. Thanks for the clarification. And does this also apply to all other images? And if necessary – if we receive such a warning – could we also provide this evidence through you?

    in reply to: 2 or more columns on a row #1468446

    can you please exclude the text-block with the heading to an extra section before that section with all those “Settori”
    by the way – why don’t you use for a heading a heading element instead of putting the heading inside a text-block element?

    after that – we can handle the whole container as a flex container
    no need for a second color-section handling the other layouts for responsive design.

    in reply to: Can you have a fullwidth menu bar with boxed layout #1468441

    This is just a boxed layout with fixed header.
    The header could be stretched to full width ( fixed positioned elements are on default out of the box ):

    .html_header_top.html_header_sticky #header {
      position: fixed;
      width: 100% !important;
      max-width: 100% !important;
      left: 0;
      background-color: #FFF !important;
    }

    see: https://enfold.webers-webdesign.de/

    in reply to: Enfold back end not working in safari on Sequoia #1468431

    i got no troubles on classic editor – only if i switch to advanced layout editor – i had these glitch

    but indeed the clearing option is much better. so use instead:

    function admin_head_mod() {
    echo '<style type="text/css">
    	#postbox-container-2 { clear: left; }
    	.index-php #postbox-container-2 { clear: none; }
    </style>';
    }
    add_action('admin_head', 'admin_head_mod');
    in reply to: change caption mouse over color #1468419

    aber du beziehst dich nicht auf die bei hover gezeigten Titel wie hier: https://kriesi.at/themes/enfold-2017/elements/masonry/

    in reply to: Add featured image thumbnail to search results #1468415

    well it is in the enfold folder : includes.
    If you make a subfolder to your child-themes folder : includes and put the edited loop-search.php inside that folder the search results page will show featured images.
    here is on basis of enfold 6.0.4 the edited file:
    see: https://pastebin.com/3nAyB6Gr
    Changes are made on line 50ff . I inserted some classes to better select them and put the link on the image too.
    download: https://pastebin.com/dl/3nAyB6Gr

    a little css is needed

    .search-result-image {
        display: block;
    }
    .search-result-image img {
        width: 120px;
        border: 1px solid #aaa
    }
    .search-result-image svg {
      width: 120px !important;
      height: auto;
    }
    .search-result-image img {
        width: 120px;
    }
    .search-result-image {
        float: left;
        margin-bottom: 20px;
        padding-right: 30px;
    }
    

    PS: on line 52 you can see that i took the medium image format as source (and not the thumbnail image) – you can change that to anything you like – but medium got one advantage – it is a non cropped image format.

    see: https://webers-testseite.de/?s=web

    in reply to: Create custom post type #1468406

    Well in the end the portfolio is a custom post type too.
    So you can have a look how enfold handles this posttype: first look goes to single-portfolio.php
    in the middle of that file there is arround line 42 : get_template_part so next file to look for could be : loop-portfolio-single.php

    now there are a lot of files where this new cpt should be inserted – first functions.php to load that new cpt via require_once a register php had to be there.
    then … etc. etc. a lot of work – if you want to do it the right way.

    Aren’t there a lot of Plugins generating CPT’s with a nice UI ?
    https://crocoblock.com/blog/wordpress-custom-post-type-examples-and-plugins/

    And that is exactly what the NY Page shows – the top video fades out the video in the middle of the page fades in.
    See the top video solution on : https://webers-testseite.de/snowfall4/

    in reply to: error strong tag #1468360

    well on your page (nicolealbaek.dk) there is set that h1 always is bold (strong)

    @media only screen and (min-width: 780px) {
      #top #wrap_all .all_colors h1 {
        color: #2d2d2d;
        font-size: 32px;
        font-family: 'oswald',Helvetica,Arial,sans-serif;
        font-weight: bold;
      }
    }

    That is the reason why there is no difference between the heading and the dot!
    next: the color of the strong tag could be different to red – depends on your color settings.

    it seem that you have different settings on the other domain (equusbalance.dk)
    you set on the other domain a color of: #c49570
    try on nicolealbaek.dk if you like to have on all strong tags inside a h1 tag:

    #top .all_colors h1 strong {
      color: #F00 !important;
    }

    by the way – This is only an advisory note (warning in red) and can be neglected if everything is done correctly.

    in reply to: error strong tag #1468358

    Rikard already said it : in your example – there is the closing strong tag correct with an /
    The slash indicates that the tag is closed – on top you only have opening strong tags !

    
    Podcast: Afhængige Parforhold<strong>.</strong>
    

    PS: only a few tag seems not to have a closing tag – but if you look nearer f.e. to an img tag the opening tag ends with />
    hr and br tags need no closing tag ( although old fashioned guys like me write: <br />)

Viewing 30 posts - 181 through 210 (of 10,878 total)