Forum Replies Created

Viewing 30 posts - 1 through 30 (of 6,285 total)
  • Author
    Posts
  • in reply to: i want to keep company name next to logo #1217998

    Give this a try get rid of all code above – it will be included here in a whole bunch.
    On mobile or responsive case this header stayes fixed – on very small screens your headline will be in 3 lines:

    @media only screen and (min-width: 768px) {
      .logo img {
        float:left
      }
    
      #top .logo,
      #top .logo a {
        overflow: visible !important;
      }
    
      #top .subtext {
        float:left;
        position:relative;
        padding-left: 18px;
        top:50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);   
      }
    
      #top .subtext .logo-title h1 {
        margin-bottom: 0 !important;
        transition: all 0.5s ease
      }
    
      .header-scrolled .subtext h1 {
        font-size: 18px;
        transition: all 0.5s ease
      }
    }
    
    /****** no conflict with Main Menu and Logo *************/
    @media only screen and (min-width: 768px) and (max-width: 840px) {
     .subtext h1 {
        font-size: 24px !important;
        transition: all 0.5s ease
      }
    }
    
    /****** responsive case when burger is visible *************/
    @media only screen and (max-width: 767px) {
      .responsive #top #wrap_all .container {
        width: 95%;
        max-width: 95%;
      }
       
      #header {
        position: fixed !important;
        height: 80px !important;
        max-height: 80px !important;
      }
      
      .responsive #top .logo {
        display: flex !important;
      }
        
      .responsive #top .av-logo-container ,
      .responsive #top .logo a,
      .responsive #top .logo img {
        height: 80px !important;
        max-height: 80px !important;
      }
      
      .responsive #top .av-main-nav .menu-item-avia-special a {
        height: 80px !important;
        line-height: 80px !important;
      }
       
      .logo img {
        float: left
      }
      
      #top .subtext {
        float:left;
        position:relative;
        padding-left: 18px;
        top:50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); 
      }
      
      #top .subtext .logo-title h1 {
        font-size: 18px !important;
        margin-bottom: 0 !important;
        transition: all 0.5s ease;
        font-size: 22px !important;
      }  
    }
    
    /****** Very Small Screens Iphone 5 etc *************/
    @media only screen and (max-width: 399px) {
      #top .logo,
      #top .logo a {
        overflow: visible !important;
      }
      
      #top .subtext .logo-title h1 {
        word-wrap:  break-word !important;
        white-space:  normal !important;
      } 
      
      .logo img, #top .subtext {
        float: none
      }
      
      #top .subtext {
        position: absolute;
        padding-left: 80px;
        top:50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); 
      }
    }
    in reply to: i want to keep company name next to logo #1217972
    .logo, .logo a {
        overflow: visible !important;
    }

    and – sorry Victoria – maybe this is a little more elegant:
    – so get rid of :

    .subtext {
        display: block;
        left: 120px;
        position: relative;
        top: -65px;
    }
    
    .header-scrolled .subtext h1 {
        font-size: 18px;
    }

    and instead – and maybe only for non-responsive case

    @media only screen and (min-width: 768px) {
      .logo img {
        float:left
      }
    
      #top .logo,
      #top .logo a {
        overflow: visible !important;
      }
    
      #top .subtext {
        float:left;
        position:relative;
        padding-left: 18px;
        top:50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
      }
    
      #top .subtext .logo-title h1 {
        margin-bottom: 0;
      }
    
      .header-scrolled .subtext h1 {
        font-size: 18px;
        transition: all 0.3s ease
      }
    }
    

    after that we will see how to style the small screens.

    best would be to include the heading font-size with shrinking amount – but that will be done only with a child-theme avia-snippet-sticky-header.js file

    in reply to: Big SEO issue URGENT #1217971

    I am a participant like you and therefore do not see the hidden content.
    Bumping here in the posts has rather the opposite effect. Your Urgent in the topic is indicative enough for the mods.

    This here is the title of your start posting – and the title of your topic: Gallery with four thumbnails above and one big image below

    On your testpage https://webers-testseite.de/4on1-flexbox-model/, you have four thumbnails in a row. But on my page, I only want to have two thumbnails in a row.

    So this was described correctly but inadequately.
    Also this one: “Two galleries, one above with four thumbnails and one below with one big image” doesn’t exactly lead me to assume it could be 2 rows and 2 lines. Anyway –

    That my approach is not only theoretically correct but also works practically can be seen on my test page.
    If you like to have the behavior of 2 small images in two rows and then one big your can see on the media-query with the 50%.
    just get rid of that media query on 989px and set the first rule to :

    .flex4on1 .avia-image-container {
    	flex: 0 1 calc(50% - 2px);
    	margin: 0 0 4px;
    }

    Why : on two containers there should be a distance of 4px. Both containers are set to space-between – So outer edges are left resp. right-justified. You have then for both containers a width of : (100%-4px) so each Container has a width of : (50%-2px)

    on 4 images besides ( and I apologize for any inaccuracy ) you have there you have three spaces all should have 4px ( 12px )
    same play: (100%-12px) each image then : (25%-3px)

    I just switched my test page now to that setting – and changed the code-block content too.

    I hope you can recreate my situation on your testpage and find a way to correct the vertical white space.

    No i can’t – because i do not have this issue

    So if something doesn’t work on your installation, i would have now to look for the reason on this page;
    since I can’t do that, you will have to wait for mods.

    But i guess your 50% – 4px is the reason for

    • This reply was modified 8 hours, 54 minutes ago by  Guenni007.
    • This reply was modified 8 hours, 22 minutes ago by  Guenni007.
    in reply to: Big SEO issue URGENT #1217945

    so you had to wait til a mod is here.

    in reply to: Layer slider text (line height) not working #1217938

    ne heute nicht mehr – der Büro Rechner ist aus.
    Das hier läuft alles über mein Arbeitstier: den Mac. – Da rufe ich keine E-Mails ab.

    PS: ja mach mal, kann ich ja im Web-Client einloggen!

    • This reply was modified 9 hours, 28 minutes ago by  Guenni007.
    in reply to: Layer slider text (line height) not working #1217936

    Can you show your link to that page?

    in reply to: Enfold Accordion is always open on page load #1217935

    But the initial open setting on behavior is set to “0” ?
    And the link to that page does not go to with including toggle-id like : /boligforeninger/#toggle-id-1

    in reply to: Layer slider text (line height) not working #1217932

    But you have seen the styles tab on each layer ?

    And by the way : on the right side of that Styles Tab there is an input field for custom css as well – for all settings that couldn’t be done by options.
    info from layerslider tooltip : “If you want to set style settings other then above, you can use here any CSS codes. Please make sure to write valid markup.”

    And why two times opening a new post on similar thing: https://kriesi.at/support/topic/change-color-text-input_checkbox_label-form-with-background/

    my answer is there

    or you decide to give that field a background instead:

    #top.page-id-519 #element_avia_8_1 {
      background:#fff;
      padding:10px;
      border: 1px solid #e1e1e1
    }

    since the existing rule is also set to important – we must then do the same with even more selectivity
    The Link inside had to be influenced too.

    #top.page-id-519 .input_checkbox_label {
      color: #fff !important;
    }
    
    #top.page-id-519 .input_checkbox_label a {
      color: #f1c20c !important;
    }

    phone info has its own class – so why not use it:

    .phone-info {
        background-color: blue;
        padding: 5px 10px;
    }

    Depends on your settings you had to set for transparency header too:

    #top .av_header_transparency .phone-info {
        background-color: blue;
        padding: 5px 10px;
    }

    The font color is set via:

    .header_color .phone-info a {
        color: red;
    }

    And you love me too? ;) – because i’m not part of that team.

    in reply to: Big SEO issue URGENT #1217687

    these ALB do have that filter :

    in reply to: Big SEO issue URGENT #1217677

    i do not see your page – but you can use the filter in this case: avf_customize_heading_settings

    This filter exists in a lot of ALB Elements to change the heading tag: Link

    on time line there are two possibilites to influence the date and the title
    And you can even add an additional Class to these tags:
    Put this to your child-theme functions.php

    function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array()){
    
    // this is for the date 
      if( $context == 'avia_sc_timeline' && is_array( $extra_args ) && in_array( 'date', $extra_args ) )
      {
        $args['heading'] = 'h3';            
        $args['extra_class'] = 'custom-date-class';   
      }
    
    // this is for the title 
      if( $context == 'avia_sc_timeline' && is_array( $extra_args ) && in_array( 'title', $extra_args ) )
      {
        $args['heading'] = 'h2';            
        $args['extra_class'] = 'custom-title-class';   
      } 
      
      return $args;
    }
    add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );

    Pay attention : you got that rule Twice in your code:

    Ich kann dir leider nicht sagen wo du das gespeichert hast, weil du dein Merging in Enfold schon an hast.

    add this to the whole code:

    .flex4on1::before,
    .flex4on1::after {
        display: none !important;
    }

    i had to see your site ! – no images

    are your images the same size! if they got different aspect ratio it will be nearly impossible to get that result.
    You can see my testpage that it works on all screen width.
    otherwise look for a mod

    in reply to: Hamburger Menu in Socket #1217418

    You always come in bits and pieces with your demands. You should have said directly that you wanted the header at the bottom

    Next Question: these are only images ( with maybe a link to lightbox or other pages) ?
    It must be a masonry effect? ( Masonry Gallery ALB Element ) ?

    This is a different approach.
    The Masonry Containers are a list of anchor elements.
    Anchors are always block-level element.
    https://webers-testseite.de/4on1-flexbox-model/

    Without seeing your site my support ends here.
    Every Enfold Installation is a bit different with different css ( quick css etc. pp)
    Even every Browser will render it differently. For some browsers a border f.e. is part of the width for some are not (thats a min 2px difference)

    You must think of the masonry has a calculation of the width ( somewhere in a js file ) and the left positioning of each Masonry Item with rounded approximations.
    Here, too, one will only be able to achieve the closest possible approximation to the ideal.

    My assumptions:

    on the compact list of blog posts : only one entry of the older Portfolio Entries is shown + the newly added – and you see on the testpage above the readmore link is wrong! The link of the title is ok!
    See DOM : the new entry got on articles a class: portfolio_entries-webdesign
    the other from the older Portfolios Not

    Every newly made Portfolio is shown in that compact list view!

    The page where it works as it should ( https://webers-testseite.de/pureinstall/portfolio-list/ ) has never had an Enfold Version older than 4.7.4 !

    i tried to repair / optimize Database of the older installations – but it does not show any effect.
    I tried to open the older portfolios and save them again. But no influence.

    I always update via ftp and a full upload of the new enfold. so there are no remnants of the old Enfold versions.

    • This reply was modified 2 days, 6 hours ago by  Guenni007.

    Please excuse the storm in a teacup, but it seems to be only on my mega-site.
    With more than 3000 lines of child-theme functions.php something else might be disturbing.
    I am looking for – on another test page it runs!


    BUT
    i now deleted all entries in child-theme functions.php – deactivated all plugins – cleared all cache and switched off merging – but it is still on that page the issue.
    The only thing now – i do upload via ftp again all files – maybe there is gone something wrong on first upload.

    EDIT: I’m desperate. See page now : left side List Compact View – right side Grid-view.
    Both the same ( Webdesign Taxonomie – view all – offset deactivated etc. pp )
    the compact view only show two portfolios .

    PS: Du kannst natürlich auch jedem slide einen Link geben!

    here is the css code for stretching the caption background as you have before on the other slider:
    if you do only like to have it on that slider : give a custom class to the slider in my example: stretch-caption

    .avia-slideshow.stretch-caption {
        box-shadow: 0 0 25px -5px #000;
        background: #fff !important;
    }
    
    .stretch-caption .caption_framed .slideshow_caption .avia-caption-content p, 
    .stretch-caption .caption_framed .slideshow_caption .avia-caption-title, 
    .stretch-caption .avia-caption .avia-caption-content p, 
    .stretch-caption .avia-caption .avia-caption-title {
      background: transparent;
      color: #fff !important
    }
    
    .stretch-caption .avia-caption {
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: rgba(0,0,0,0.6);
    }

    you have set on your css :

    .entry-content-wrapper div li {
        text-indent: 0;
        position: relative;
        left: 20px;
    }

    this influences the slideshow li’s too. because the images are in li containers the whole slideshow is an unordered list !

    but on the slideshow they had to be in an absolute positioning

    so get rid of that code – and style your list with :

    .avia_textblock li {
        padding-left: 20px;
        list-style: inside;
    }

    that shifts your list on the left a bit more to the right.

    in reply to: Transition speed in slider ALB. #1217283

    i guess there must be changed something with the this._stopSlideshow(); in slider.js.
    see f.e. line 347ff in slider.js

    It seems that the slideshow – allthough it is set to ininite loop stops and then starts again.
    You see this on the caption titles best. Inbetween the slideshow the captions are faded very smooth – but from last to first they look like they started a new slideshow.
    but I can’t figure out why sliding works with these settings and fading doesn’t

    well first it is not the enfold silder : soliloquy-slider
    guess it is hard to say from the team here.

    why don’t you use the Enfold Simple Slider instead?
    You can have a very similiar Outlook of that
    I wouldn’t make such a long list as in slider 1 but you can style it like slider 2 on my example:
    https://webers-testseite.de/simple-slider/

    ____________
    Die Anpassung für den Caption Hintergrund sage ich dir dann wenn du es übernehmen möchtest.
    ich nehme mir mal kurz deine Bilder raus und setze Sie ein. Dann kannst du vergleichen.
    du sparst dir dadurch das laden eines zusätzlichen Plugins, welches überhaupt nicht nötig ist. Das bringt auch Performance Vorteile.
    Die Bilder ersetze ich dann sobald du es gesehen hast.

    • This reply was modified 2 days, 9 hours ago by  Guenni007.
    • This reply was modified 2 days, 9 hours ago by  Guenni007.

    hm :

    have you tried that on top:

    add_filter('avf_logo_link','av_change_logo_link');
    function av_change_logo_link($link){
      if ( is_user_logged_in() ) {
          $link = "https://yousio.com/activity"; 
      }
      if ( !is_user_logged_in() ) {
          $link = "https://yousio.com/"; 
      }
        return $link;
    }

    maybe you set the wordpress setup wrong – because i do not see any difference on the homepage and the activity page ( yes i’m not logged in)
    when klicking on the activity button in your menu. If there is a difference there migth be two different pages ! ?

    what did you declare as frontpage ( if it is the activity page then it is clear )

    Yes i can see that there is different pages ( different page-ids ) but the content seems to me identical.
    I see only different sidebars. But they do change on reload too.

    in reply to: Design & Pic effect #1216710

    just a bit like this on both:

    #top .social_bookmarks {
      margin: 0;
    }
    
    .fallback_menu + .social_bookmarks {
      padding-left: 9px;
    }
    
    #header_main::before {
        content: '';
        position: absolute;
        left: auto;
        top: 50%;
        transform: translateY(-50%);
        background-color: #fff;
        border: 14px solid #d1b1a7; 
    }
    
    #header_main::before {
        width: 145px;
        height: 40px; 
        right: 5px;
    }
    
    @media only screen and (max-width:767px) {
        #header_main::before {
          width: 140px;
          height: 30px; 
          right: 20px;
        } 
    }
    
    @media only screen and (max-width:479px) {
        #header_main::before {
          width: 50px;
          height: 30px; 
          right: 5px;
        } 
    }
Viewing 30 posts - 1 through 30 (of 6,285 total)