Forum Replies Created

Viewing 30 posts - 2,641 through 2,670 (of 11,513 total)
  • Author
    Posts
  • in reply to: Can´t access WP Login because of LayerSlider #1368548

    sieht für mich nach einem alten php conflict aus. Hast du diese Seite schon auf neueren php Versionen laufen ? min 7.4 besser das neue Enfold auf php8.x

    in reply to: Hauptmenü linksbündig #1368547

    Also – du willst den Header schon oben habe, aber das Menü links – wo soll das Logo dann sein?
    Du findest verschiedene Header Stylings bei Enfold (Child) – Header – Header Layout : “Menu And Logo Position”

    what is your choice on that enfold options:
    page to replace footer and keep socket
    or
    page to replace both footer and socket

    and what do you mean by: it is displayed?
    Is it displayed ( as on other pages ) as footer substitute – or do you mean it is listed in the search results itself ?

    in reply to: Font issue #1368532

    on one page there is – as you said pt-sans on the other there is open-sans for headings.
    i do not see that you have uploaded there the pt-sans ( St. Martins Ring)

    in reply to: Force Download of Media File via Button #1368420

    Yes – but custom-class goes to the parent container of the a.avia-button – the download attribute had to be on the anchor itself – and setting the attribute download to true will end up in downloads true.pdf , true.jpg etc

    so use:

    function ava_custom_script_download_link()
    {
    ?>
    <script type="text/javascript">
    (function($) {
    $(document).ready(function() {
        $('.av-download-button').each(function() {
            $(this).find('.avia-button').attr('download', '');
        });
    });
    })(jQuery);
    </script>
    <?php
    }
    add_action( 'wp_footer', 'ava_custom_script_download_link', 9999 );

    Take a color-section – give a custom-class to it – f.e.: responsive-background
    ( no minimum height option ! )

    Place your image as background-image to this color-section – and set it to cover the background.
    Now : look for the aspect ratio of that background image ( on my testpage it is 1500:686 = 100:45,73 )

    now place to your quick css :

    .avia-section.responsive-background {
      height: 45.73vw;
      min-height: 0;
    }

    see: https://enfold.webers-webdesign.de/responsive-background-image/
    If you have a boxed layout – we need to set a max-height for that color-section

    in reply to: Little correction on "Column Behaviour When Fullwidth" ? #1368327

    Thanks

    in reply to: Google Doc lightbox not opening correctly with iframe=true #1368302

    or try that new filter in your child-theme functions.php:

    add_filter( 'avf_default_lightbox_no_scroll', '__return_true' );
    
    in reply to: Problem mit JQuery #1368292

    Das jQuery Migrate soll ja nur eine Abwärtskompatibilität gewährleisten. Wenn du ziemlich aktuell bist ( WP , php-Version, enfold, plugins ) solltest du es in den Optionen: unter leistung (performance) abstellen können. : Disable jQuery Migrate

    das ältere 1.12.4 kommt wahrscheinlich nicht von einem aktuellen Enfold. Schau mal ob du ein älteres Plugin mitschleppst.
    Eventuell könnte es sein, dass es noch im Admin Bereich benötigt wird.

    in reply to: No blank characters possible #1368279

    might break ALB backend or frontend

    ( Conditional II )

    did you test if it breaks the frontend?

    Well events calendar comes with a huge css rules amount – and has its own settings for widget titles

    But they come for the titles with h6 title tag. To just synchronize the settings you can do that:

    .tribe-common .tribe-common-h6 {
      border-style:solid;
      border-width:1px;
      padding:10px 0;
      border-left:none;
      border-right:none;
      margin-bottom:15px;
      border-color: #000000;
      color: #222222;
      text-align: center;
      text-transform: uppercase;
      font-weight: 600 !important;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 1.1em;
    }

    if you like to have h3 title tag on those headings too – there are ways to do it via jQuery – or have a look into settings of tribe events if you can switch the tag inside ( then the rule has to be adjusted )

    in reply to: Little correction on "Column Behaviour When Fullwidth" ? #1368250

    2ID’s 5classes versus : 2ID’s 3classes

    in reply to: "font-awesome" in functions.php? #1368241

    Yep :

    in reply to: theme.json – A suggestion concerning colors #1368240

    Brilliant – looks great
    especially when I see with how little code you have managed that to make it work.
    Maybe a varible for the font-families for headings and body could be added ?

    in reply to: "font-awesome" in functions.php? #1368113

    it is part of advanced layerslider – so if you do not need advanced layerslider – you can deactivate the whole layerslider on Layout Builder Tab
    you find the instruction to load on: /config-layerslider/LayerSlider/assets/includes/

    in reply to: theme.json – A suggestion concerning colors #1368064

    or most easiest way to manually set variables is to place a list in quick css – f.e.:

    :root {
    --white: #ffffff;
    --black: #000000;
    --mid-gray: #eeeeee;
    --brand-red: #e50000;
    }
    
    in reply to: theme.json – A suggestion concerning colors #1368060

    Yes – this went along with the introduction of the block editor – but has a global effect in that I can use this anywhere.
    My attempts to put a manually created theme.json into the child-theme root directory were successful. ( see private Content Area )

    Of course it does not have to be via this method (theme.json). So if you could do it as described above and I can then use these settings for css definitions in this way just as well it’s fine with me.

    div.custom-class {
      background-color: var(enfold-header-color-bg);
    }

    The advantage is obvious. e.g.:
    I wanted to assign a background color to only half of a cell within a grid row. There is this css trick to do this with a linear gradient.

    .flex_cell.medien-zelle {
      background-image: linear-gradient(90deg,#ffd322 70%,#fffae8 30%);
    }

    but this only works if the second gradient color matches the background! Here in the example page ( see private Content) I have now entered the set background color manually. But if the color changes – because I decided to set another main-color bg – I have to go through all pages and see if I have to change anything.

    PS: coming back to your initial Question insert only for pages/post that have transparency headers…

    i do not know if there is a conditional for that action hook that could be used to avoid the insertion.
    But on html there is a class : html_header_transparency and html_header_glassy for those pages – so you can insert that banner on all pages and set the display to none if these classes are not there!
    f.e.:

    html:not(.html_header_transparency) #banner {
    	display: none
    }

    i switch back to stretched layout on my testinstallation – so settings will be not right now on that page
    and i removed your image now.

    Sorry – now I have changed my layout to Boxed – this makes no difference on my test platform, except for large screen widths larger than 1600px the image is further enlarged and cropped. To avoid this on your installation, please switch back to your boxed layout and we will find a way.
    i see on boxed layout there is a little different html for those sections – but we can leave out the empty content of this color-section anyway:
    (it is only important that we have inside the div with container class)

    add_action('ava_after_main_title', function() {
    ?>
    <div id="banner" class="avia-section main_color avia-section-default avia-no-border-styling avia-builder-el-0  avia-builder-el-first av-small-hide av-mini-hide avia-full-stretch avia-bg-style-scroll container_wrap sidebar_right" data-section-bg-repeat="stretch">
      <div class="container av-section-cont-open"></div>
    </div>
    <?php
    });

    In a boxed layout we can prevent the enlargement by giving the #banner a maximum height – since body is set to 90% width – this must be included in the calculation.

    @media only screen and (min-width: 990px) {
      #banner {
        max-height: calc(0.9 * 556px);
        height: calc(0.9 * 34.75vw);
        background-repeat: no-repeat;
        background-image: url(/wp-content/uploads/2022/10/logo2-1.jpg);
        background-position: 0% 0%;
        background-attachment: scroll;
      }
    }
    
    /****  beneath the 990px boxed layout body goes to 100% width ******/
    @media only screen and (max-width: 989px) {
      #banner {
        max-height:556px;
        height: 34.75vw;
        background-repeat: no-repeat;
        background-image: url(/wp-content/uploads/2022/10/logo2-1.jpg);
        background-position: 0% 0%;
        background-attachment: scroll;
      }
    }

    well that content is loaded after the other content is already in the DOM; next : maybe lazy-loading comes into account too on that.
    So if you just want to have the image up there without slider functions, why don’t you use a color-section anyway for performance reasons.
    See here ( sorry with your image ) a page with that color section – your image has a aspect ratio of 1600:556 so if the width is 100vw the height is 34.75vw
    this could be done by a custom ID f.e. banner in your quick css:

    #banner {
      height: 34.75vw;
      background-repeat: no-repeat;
      background-image: url(https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1.jpg);
      background-position: 0% 0%;
      background-attachment: scroll;
    }

    and insertion code is:

    add_action('ava_after_main_title', function() {
    ?>
    <div id="banner" class="avia-section main_color avia-section-default avia-no-border-styling avia-builder-el-1 av-small-hide av-mini-hide avia-full-stretch avia-bg-style-scroll container_wrap sidebar_right" data-section-bg-repeat="stretch">
    	<div class="container av-section-cont-open">
    		<div class="template-page content av-content-small alpha units">
    			<div class="post-entry post-entry-type-page">
    				<div class="entry-content-wrapper clearfix">
    				</div>
    			</div>
    		</div>
    	</div>
    </div>
    <?php
    });

    see an example page with inserted banner image on top:
    https://enfold.webers-webdesign.de/test-jamesdk/

    It took me a long time to get it right. On the basis of my postings here you can see that in principle I like to share my knowledge, but here I would like to keep that as a unique selling point for me and my Customers. Sorry.
    Unfortunately, even from the really good support team of Borlabs there is no more help. A thought I sent to the team there was still taken over, but further help was not granted – only with the hint that the Enfold Dev Team would have to take care of it. I think that is really the wrong addressing.

    However, I would like to point out that iframes are always blocked correctly by Borlabs, if they are correctly enclosed by the Borlabs code. So Youtube Iframe Code in a codeblock element will work!

    
    [borlabs-cookie id="youtube" type="content-blocker"]<iframe width="720" height="405" src="https://www.youtube-nocookie.com/embed/G0k3kHtyoqc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>[/borlabs-cookie]

    so – you can also use all settings of a slider, including image change, timing function, navigation styling etc. pp
    Glad that we could now still solve both. Drink a beer for me – unfortunately I have none left at home.

    i found your page try please :

    add_action('ava_after_main_title', function() {
    ?>
    <div id="full_slider_1" class="avia-fullwidth-slider main_color avia-shadow av-small-hide av-mini-hide  avia-builder-el-0  el_before_av_textblock  avia-builder-el-first   container_wrap sidebar_right"><div class="avia-slideshow av-l8ypj1ln-1436a823a5edef515622515055099065 avia-slideshow-no scaling av_slideshow_full avia-slide-slider av-small-hide av-mini-hide av-slideshow-ui av-control-default av-slideshow-manual av-loop-once av-loop-manual-endless image_no_stretch avia-slideshow-1" data-slideshow-options="{&quot;animation&quot;:&quot;slide&quot;,&quot;autoplay&quot;:false,&quot;loop_autoplay&quot;:&quot;once&quot;,&quot;interval&quot;:5,&quot;loop_manual&quot;:&quot;manual-endless&quot;,&quot;autoplay_stopper&quot;:false,&quot;noNavigation&quot;:false,&quot;bg_slider&quot;:false,&quot;keep_padding&quot;:false,&quot;hoverpause&quot;:false,&quot;show_slide_delay&quot;:0}" itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject"><ul class="avia-slideshow-inner " style="padding: 0px; height: 486px;"><li class="avia-slideshow-slide av-l8ypj1ln-1436a823a5edef515622515055099065__0 av-single-slide slide-1 slide-odd next-active-slide active-slide" style="visibility: visible; opacity: 1; transition: none 0s ease 0s; transform: translateZ(0px);"><div data-rel="slideshow-1" class="avia-slide-wrap "><img class="wp-image-2841 avia-img-lazy-loading-not-2841" src="https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1.jpg" title="logo2" alt="" itemprop="thumbnailUrl" srcset="https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1.jpg 1600w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-300x104.jpg 300w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-1030x358.jpg 1030w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-768x267.jpg 768w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-1536x534.jpg 1536w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-1500x521.jpg 1500w, https://jaro.jamesdk.sk/wp-content/uploads/2022/10/logo2-1-705x245.jpg 705w" sizes="(max-width: 1600px) 100vw, 1600px" style="left: 0px;" width="1600" height="556"></div></li></ul></div></div>
    <?php
    });

    so – you used a fullwidth-slider at the beginning – and you try to insert it on default on all pages.
    This example page – where can i see it to inspect? – you post your domain allready – so i think you can post this link too.

    the shortcode will start too at this highest slider div – so you had to copy all that

    please show me the link to a working page – where you have set it manually.

    you have to go back to where the slider starts:

    <div id="full_slider_1" class="avia-fullwidth-slider  …
    

    on this div there are the settings for mobile view by classes : av-small-hide av-mini-hide etc.

    you can even take the whole slider with all settings made by enfold.
    Sometimes these settings are made with classes on parent containers. So you had to find the correct container for html copy.
    For images enfold starts with a div.avia-image-container – try to copy that whole outer-html

    in reply to: Wrapping text around an image #1367963

    Freut mich!

    i tried to insert on header.php an own custom hook – but with no effort on doing that. Because to keep a child theme header.php would not be a problem either. The original position of the slide is just after the opening #main tag.

    But what you can try is to insert not the shortcode with that hook – but to insert html.
    Just style a page where it is like you wanted to have the slider on top. Inspect that page with developer tools of your browser and copy whole html code of it. Insert it via:

    add_action('ava_after_main_title', function() {
    ?>
    here is the place for the whole html code
    <?php
    });
Viewing 30 posts - 2,641 through 2,670 (of 11,513 total)