Forum Replies Created

Viewing 30 posts - 5,611 through 5,640 (of 10,158 total)
  • Author
    Posts
  • in reply to: Fotos mit Beschreibung werden unscharf #1064733

    But Rikard – that would be great if this could be the default behavior. That padding goes to the parentcontainer and not to the image.

    in reply to: CSS for background image #1064628

    every container you like : f.e.:

    .postid-2064 #main .container_wrap {
        background-image: url(https://www.sayitwithstyle.co.uk/wp-content/uploads/2018/03/1920-wide-logo-with-30-opacity.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }

    but on that case i would delete the background for:
    There must be an inline-style on

    .fpd-container .fpd-main-wrapper {
    …………
    }

    then it will look like this:

    in reply to: parallax #1064625

    It’s a bit like an old marriage; you’re willing to work on it, or you give up directly because something doesn’t suit you. But you should not just give up on a well-functioning marriage in which everything fits except for one obstacle.
    Sometimes you just have to find a way to make something fit without bending it and yourself.
    A change to another person may bring a gain in pleasure in the beginning, but you will also find such a (different) obstacle there. And before you know it, you’re a lonely person whose blemish you’re no longer willing to overlook.
    :lol:
    From experience, I tell you it’s worth staying tuned for.
    PS: I have been with one and the same woman for almost forty years now. That was also worth it. ;)

    in reply to: Fotos mit Beschreibung werden unscharf #1064496

    You’re welcome – but
    Ismael told you to set the padding to zero : if it’s not effective immediately; try it with !important or it is a caching / merged file reason.

    But as I said: thanks for the tip – I wouldn’t have noticed that without the A/B comparison.

    in reply to: sticky contact – moving #1064442

    ok here we go:
    ( i styled it here only for my page with ID: 2466 – if you want to have it everywhere – remove the if clause – but don’t forget to delete the last but one closing curly bracket then too!)
    it is recomended to use a child-theme
    both comes to child-theme functions.php

    first : the container itself placement

    add_action('ava_main_header', function() {
    if(is_page(2466)){
    echo '<div class="fixed-tel">
            <a id="klick" class="telephone" href="tel:+492289768293">
                <span class="phone-icon">+49 228 9768293</span>   
            </a>
        </div>';
    }
    });

    Second: the function for animation:

    add_action( 'wp_footer', 'fixed_contact_script' );
    function fixed_contact_script() {
    if(is_page(2466)){
    ?>
    <script type="text/javascript">
    (function($){
        $(function(){
            $('.fixed-tel').data('size','big');
        });
        $(window).scroll(function(){
            if($(document).scrollTop() > 10){
                if($('.fixed-tel').data('size') == 'big')
                {
                    $('.fixed-tel').data('size','small');
                    $('.fixed-tel').stop().animate({
                        top:'42px'
                    },700);
                }
            }
            else{
                if($('.fixed-tel').data('size') == 'small')
                {
                    $('.fixed-tel').data('size','big');
                    $('.fixed-tel').stop().animate({
                        top:'50%'
                    },700);
                }  
            }
        });
    })(jQuery);
    </script>
    <?php
    }
    }

    this comes to quick css:

    .fixed-tel {
        top: 50%;
        right: -165px;
        position: fixed;
        z-index: 10;
        background-color: #1ecaed;
        border: 2px solid #fff;
        border-right: none !important;
    }
    
    #klick { padding: 20px; display: block }
    
    .phone-icon::before {
        content: "\e854";
        font-family: entypo-fontello;
        padding-right: 18px;
        font-size: 30px;
        top: 3px;
        position: relative;
    }
    
    .fixed-tel:hover { right: 0 !important }
    .fixed-tel a:hover { text-decoration: none }
    .telephone { color: #fff !important }
    

    if you don’t like the hidden part of that telephone field – just set the right positioning to 0 – and remove css for fixed-tel:hover)
    if you like to link to your contact page just change href in: echo '<a class="telephone" href="tel:+492289768293"> and adapt the content ( maybe the icon to: \e805 )
    if you like to have that phone field over the slided in hamburger menu – set the z-index to 1000
    some positioning depends on your header height ( and if you have f.e. top bar etc.

    Result as mentioned above see here: https://webers-testseite.de/impressum/

    in reply to: sticky contact – moving #1064127

    we now have to look for ipad view – because fixed positioning is always a problem on those mobile devices.

    in reply to: sticky contact – moving #1064106

    or we go and have some inspiration:

    just one moment i try to simplify that code a bit. …
    so it might be temporarly not available or not function
    https://webers-testseite.de/impressum/

    maybe you remove the link now ;) on here

    • This reply was modified 5 years, 2 months ago by Guenni007.
    in reply to: sticky contact – moving #1064074

    yes – but that is indeed something totaly different. It is a kind of flyout
    look for flyout plugins: https://de.wordpress.org/plugins/tags/flyout/
    i got this – but it is a premium plugin and costs some money: http://demo.bnecreative.com/flyouts/
    if you like the solution with the button on my page – it will be best to have a lifelink from you where you have styled sofar all Elements.
    This sticky technique works with a sticky-wrapper div and a sticky element.

    in reply to: sticky contact – moving #1063943

    Tja – maybe it is something like this: https://webers-testseite.de/sticky-elements/
    or here with sticky sidebar: https://webers-testseite.de/buttons/

    in reply to: Image + Lightbox into a Cell of a Table Element #1063624

    if you have a lifelink for us – the class lightbox-added comes with the method above automatically to the image. So i do not understand why your code does not work as it should

    See here my test page: https://webers-testseite.de/images-in-table-cells/

    • This reply was modified 5 years, 2 months ago by Guenni007.
    in reply to: Image + Lightbox into a Cell of a Table Element #1063621

    Create under your table a text-block element.
    First insert one image after the other by adding media file to it:
    ( click to enlarge ):

    you see that i have choosen to have link “media file”
    that it is centered – and perhaps a caption.

    Now change to text editor mode of that to see the html code for it.
    Each image now you can copy paste that html code

    Paste this code to your cells – and after that you can delete your helping text block element

    • This reply was modified 5 years, 2 months ago by Guenni007.
    in reply to: Fotos mit Beschreibung werden unscharf #1063564

    it is definitly that the padding as Ismael supposed caused the issue – so it is better on the div container than on the image:
    ( well to see at the left rear table leg and at the shadow underneath. )
    the padding on the img does scale it – thats why there is a difference on sharpness

    div .wp-caption { padding: 4px }
    #top .wp-caption img { padding: 0 !important}

    4px because of 1px border-width

    i have now three images

    • the first with the padding to the image ( enfold default)
    • the second with caption but with the padding on the container and image no padding! (see code above)
    • the third without caption

    https://webers-testseite.de/images-with-caption-in-text-block/

    by the way: delete all cachings and if you merge css and js on Enfold Options / Performance – refresh them

    in reply to: Fotos mit Beschreibung werden unscharf #1063560

    what I find much worse than the loss of sharpness is the slight color shift.
    The picture looks like a light veil over it, and slips into the greenish (very little but visible) over.
    (like a hue-rotation on 4 or 5deg)

    but I never saw the one with the different sharpness until you brought it up here. Thanks – now it bothers me too ;)

    https://webers-testseite.de/images-with-caption-in-text-block/

    Edit: it seems to be the padding of 5px to center that image in the border-frame
    if you get rid of it on developer tools by uncheck the rule the image is sharp

    in reply to: sticky contact – moving #1063540

    And even that page – allthough it is not yours and not under construction is a secret to put it in private content area?

    in reply to: Make video background responsive on mobile #1063361

    Yes this plugin works with alb or classic editor.
    But you have to insert that shortcode via Code-Block element.
    _________
    If you follow the legal text exactly, no information ( yes also an IP is this ) may take place before the Opt-In. In my opinion the homepage ( landing page ) is an unsuitable place for a Background Youtube or Vimeo movie. Because as soon as a page is called, the transmission takes place in the direction of Google (in the case of Youtube). Ideally it would be if first a page is opened without Background Film (self-hosted films excluded) on which the Opt-In procedure is initiated. E.g. by a link to the privacy policy page.
    But this is up to you how you proceed. A wave of lawsuits has probably failed to materialize.

    in reply to: Make video background responsive on mobile #1063267

    A next topic in this connection is the GDPR compliance. One must therefore pay attention to the fact that the visitors of the side can open the corresponding sides only if one has agreed to it by means of Opt-In solution. In any case with Vimeo and Youtube implementation.

    in reply to: Make video background responsive on mobile #1063265

    All big Themes with drag and drop helper Tools have this problem. I looked for a Divi Solution for a customer and found a tut with that littel plugin above.
    The trouble was to adapt it to the enfold-theme.
    The Problem with video is that even if you have LTE Support on your mobile device – the RAM and ROM on Mobile Phones is limited.
    On my webdesign homepage that is only a self-hosted very small Video. This will work propper. And then layerslider is a good solution because it is hard to get it responsive – even for mobiles too.

    in reply to: Make video background responsive on mobile #1063242

    i would like to help you.
    But i guess this will only work with a third party plugin.: Advanced WordPress Backgrounds

    see here a page in testing mode with youtube background video: https://webers-testseite.de/carinda/

    Look with your devices to it and tell me if all works as you like to have it.
    Afterwards i will give you support on that

    in reply to: Formular from shotcode not working #1062928

    well – where did you get the code for it?
    there are so many different quotes and double quotes!
    i can not say if your code will do what you want but this is it with correct signs

    Try to copy/paste this :

    function nb_get_infos(){
    ?>
    	<form method="post" action="?register=1">
    	<label for="Name"><b>Name:</b></label><br>
    	<input type="text" id="Name" name="Name"><br><br>
    	<input type="submit" name="submit">
    	</form>
    <?php
    global $wpdb;
    if(isset($_GET['register'])) {
    $nb_Name = $_POST['Name'];
    if($nb_Name != "TEST")
    {
    $user_daten = $wpdb->get_row("SELECT * FROM wp_users WHERE ID = 1");
    return "User Display Name: ".$user_daten->display_name; //display_name
    }
    }
    }
    add_shortcode( 'nb_infos', 'nb_get_infos' );
    in reply to: Lost header transparency on mobile devices #1062923

    i think this will be an auto-optimize thing.

    in reply to: Enfold Header wechseln in Mobile Ansicht #1062741

    was ist mit diesem Rätselwort gemeint?
    Nein – im Ernst – etwas präziser.
    Was soll denn anders werden.

    in reply to: Different header logo for different sections of website #1062733

    does “or” realy works ?
    if not try: ||

    if(is_tree(515) || is_singular('procurement-pages'))

    in reply to: Posts Link Arrow #1062729

    if you only want to get rid of the arrows ( green background) :

    .image-overlay .image-overlay-inside {
        display: none !important;
    }

    if you like to get rid of whole overlay – including the white overlay:

    .image-overlay  {
        display: none !important;
    }
    in reply to: Custom slider by day #1062568

    Please be a little more specific about your requirements.
    For example, would it be enough if you had a color section that changes the wallpaper day by day?

    if so : make a color-section and define one background-image as you like to have it ( cover image , bottom center etc. pp)
    Give a unique ID to the color-section f.e.: customID
    you have to know now the page id ( so that we don’t have to load the script on pages that don’t need it at all. ) (in my case it is page id 34024)
    – the relative path to your images (imglocation)
    Put this into your child-theme functions.php

    add_action( 'wp_footer', 'schedule_bg_image' );
    function schedule_bg_image() {
    if(is_page(34024)){ 
    ?>
    <script type="text/javascript">
    var imglocation = "/wp-content/uploads/layerslider/Origami/";
     function ImageArray (n) {
       this.length = n;
       for (var i =1; i <= n; i++) {
         this[i] = ' '
       }
     }
    image = new ImageArray(7);
    image[0] = 'slide1.jpg'; // Sunday
    image[1] = 'slide1.jpg'; // Monday
    image[2] = 'slide2.jpg'; // Tuesday
    image[3] = 'slide3.jpg'; // Wednesday
    image[4] = 'slide4.jpg'; // Thursday
    image[5] = 'slide1.jpg'; // Friday
    image[6] = 'slide1.jpg'; // Saturday
    var currentdate = new Date();
    var imagenumber = currentdate.getDay();
    document.getElementById('customID').style.backgroundImage = 'url(' + imglocation + image[imagenumber] + ')';
    </script>
    <?php
    }
    }

    see here : https://webers-testseite.de/bg-scheduling/

    Dear scottwgraves – you should have just left that old unspeakable subject in the closet. Look at the date of the thread – obviously the lady still stayed with Enfold; the links within the oversized collection of support requests – after all already 5 – are all still enfold pages.

    Another question ( besides of a lifelink ) is it a page with transparent header?
    because then you have to substitute the alternate Logo first.

    add_filter('avf_header_setting_filter','replace_logo_for_transparent_pages');
    function replace_logo_for_transparent_pages($header){
        if(is_page(9)){
            $header['header_replacement_logo'] = "https://url-to-the-new-logo";
        }
        return $header; 
    }

    that is the logo you put in on Enfold (Child) – Header – Transparency Options : “Transparency Logo”

    in reply to: BreadCrumb Not appearing on some pages #1061832

    i’m participant as you so i do not see your private content.
    your page was down or under maintainance mode – so i only can suggest what was happening
    see how it works on my testinstallation: https://webers-testseite.de/ostler/breadcrumb-with-transparency-header/
    Most of the problems seeing no breadcrumb comes from that line mentioned above.
    a livelink working to see what is the reason would be nice to have

    • This reply was modified 5 years, 2 months ago by Guenni007.
    in reply to: Custom CSS Class not working #1061622

    Well Classes and IDs are two different things.
    A class in css code has a dot in front of it ( but do not insert in that ALB Inputfiled the class with that dot)
    so in your code as you did it the rule is f.e.:

    .button_new {
    border-radius: 15px !important;
    }

    but in the input field of your button you only fill in: button_new
    because this is a common mistake, I mention this in advance – because I can’t see a lifelink to check it.

    So if you can make it public it is easier to find the correct code.

    #top .button_new {
    border-radius: 15px !important;
    }

    Next is: The css works with a specifity calculator – that means if a rule is more specific than another one it has more weight.
    An additonal ID f.e. like #top can make the decission to show or not
    and on the fullwidth button the class goes to the wrapper of the button – this is one level above
    try:

    body .button_new .avia-button-fullwidth {
        border-radius: 15px;
    }
    in reply to: BreadCrumb Not appearing on some pages #1061608

    OR

    if you only want the breadcrumb you can place it by hand with a shortcode ( but without the title on the left)

    
    function av_breadcrumbs_shortcode( $atts ) {
    return avia_breadcrumbs(array('separator' => '/', 'richsnippet' => true));
    }
    add_shortcode( 'bread_crumb', 'av_breadcrumbs_shortcode' );

    use it then as[bread_crumb]

    in reply to: BreadCrumb Not appearing on some pages #1061604

    maybe there is a child-theme possibility now to comment that line out – but in former times i asked and searched for a solution – there was no other way to make it.

Viewing 30 posts - 5,611 through 5,640 (of 10,158 total)