Forum Replies Created

Viewing 30 posts - 181 through 210 (of 11,784 total)
  • Author
    Posts
  • in reply to: Social media icon sizes and page placement #1488395

    here on that page you can achieve this by:
    (the old way – because using font-icons)

    #top .main_menu {
      right: 145px;    /* === A correction value for the now broader social_bookmarks === */
      padding-right: 10px;
    }
    
    #header_main .social_bookmarks {
      margin: 0;
      height: 40px;
      top: 50%;
      transform: translateY(-50%);
    }
    
    #top .social_bookmarks li {
      width: 36px;
    }
    
    #top .social_bookmarks li a {
      width: 40px;
      line-height: 40px;
      min-height: 40px;
    }
    
    #top .social_bookmarks li a:before {
      font-size: 24px
    }
    

    Perhaps it needs to be adapted for your website. As a participant, I cannot see any private content, so I’m afraid I can’t offer any better advice.

    NEXT: now the bookmarks are svg icons – so the css had to be different.
    But i do not find an example page to do so. I had to look on one of my installatons to have that different css.

    #top .avia-menu.av_menu_icon_beside {
      border-right: none;
      padding-right: 10px;
      margin-right: 10px;
    }
    
    #top nav .social_bookmarks {
      position: relative;
      transform: translateY(-50%);
      margin: 0 !important;
      height: 40px !important;
    }
    
    #top .social_bookmarks li {
      width: 40px;
      margin-left: 3px
    }
    
    #top .social_bookmarks li a {
      width: 40px !important;
      line-height: 40px;
      border-radius: 10px !important;
      min-height: 40px;
    }
    
    #top .social_bookmarks li.avia-svg-icon img[is-svg-img="true"], 
    #top .social_bookmarks li.avia-svg-icon svg:first-child {
      height: 1.5em;
      width: auto;
      margin-top: 5px;
    }
    in reply to: Fixed header #1488394

    if you have started by using a demo installation. F.e. https://kriesi.at/themes/enfold-one-page-portfolio/
    This homepage behaves as you described.

    This option of header you can choose to have on the page editor. Have a look to the layout and find: “Header visibility and transparency”
    That dropdown :

    Make your selection there.

    how did you insert those full_sliders ? because they are twice on your site as your told us above.
    some are out of wrap_all ? so your footer is there – but over these copied sliders!

    see your footer here: https://eustasis.com/#footer

    in reply to: Replacing the cookies icon with another icon #1488376

    or without uploading – just with base 64 data uri:

    #av-cookie-consent-badge:before {
      display: block;
      position: relative;
      content: "";
      width: 100%;
      height: 100%;
      top: 10px;
      left: 10px;
      background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQ29va2llcyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMzAwIDMwMCI+CiAgPGNpcmNsZSBjeD0iMTgzLjMiIGN5PSIyNC45IiByPSIxNy41Ii8+CiAgPGNpcmNsZSBjeD0iMjIzLjIiIGN5PSI3My41IiByPSIxMi4yIi8+CiAgPGNpcmNsZSBjeD0iMjU2LjUiIGN5PSIxMjUuMyIgcj0iMTAuNyIvPgogIDxjaXJjbGUgY3g9IjI2My44IiBjeT0iNTkuMyIgcj0iOC43Ii8+CiAgPHBhdGggZD0iTTI3OS4xIDE1Mi45Yy02LjcgNi4zLTE1LjcgMTAuMS0yNS42IDEwLjEtMjAuNyAwLTM3LjUtMTYuOC0zNy41LTM3LjUgMC02LjcgMS43LTEyLjkgNC44LTE4LjMtMTcuMy0yLjMtMzEuMi0xNS0zNS4zLTMxLjctMS4yLjEtMi40LjItMy43LjItMjMuMiAwLTQyLTE4LjctNDIuMi00MS44QzcyLjkgMzkuMyAyMC41IDk1IDIwLjUgMTYzLjFjMCA3MS41IDU4IDEyOS41IDEyOS41IDEyOS41czEyOS41LTU4IDEyOS41LTEyOS41YzAtMy41LS4xLTYuOC0uNC0xMC4yek02OS4yIDE3OS41Yy05LjcgMC0xNy41LTcuOC0xNy41LTE3LjVzNy44LTE3LjUgMTcuNS0xNy41IDE3LjUgNy44IDE3LjUgMTcuNS03LjkgMTcuNS0xNy41IDE3LjV6bTQ1LTk4LjhjOS43IDAgMTcuNSA3LjggMTcuNSAxNy41cy03LjggMTcuNS0xNy41IDE3LjUtMTcuNS03LjgtMTcuNS0xNy41IDcuOS0xNy41IDE3LjUtMTcuNXptMy4xIDE2OS4xYy05LjcgMC0xNy41LTcuOC0xNy41LTE3LjVzNy44LTE3LjUgMTcuNS0xNy41IDE3LjUgNy44IDE3LjUgMTcuNS03LjkgMTcuNS0xNy41IDE3LjV6bTU3LjktNzAuM2MtOS43IDAtMTcuNS03LjgtMTcuNS0xNy41czcuOC0xNy41IDE3LjUtMTcuNSAxNy41IDcuOCAxNy41IDE3LjUtNy44IDE3LjUtMTcuNSAxNy41em0zMy45IDcyLjNjLTkuNyAwLTE3LjUtNy44LTE3LjUtMTcuNXM3LjgtMTcuNSAxNy41LTE3LjUgMTcuNSA3LjggMTcuNSAxNy41LTcuOCAxNy41LTE3LjUgMTcuNXoiLz4KPC9zdmc+);
      background-size: 30px;
      background-repeat: no-repeat;
    }

    by the way – here is a huge amount of usefull path – with the option to get the base 64 data uri:
    https://www.svgviewer.dev/svg-to-data-uri

    Enter f.e. cookie on search input field.

    in reply to: Replacing the cookies icon with another icon #1488374

    upload that svg to your media library: Cookie SVG

    and put this to your quick css:

    #av-cookie-consent-badge:before {
      display: block;
      position: relative;
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left:0;
      background-image: url("/wp-content/uploads/cookie.svg");
      background-size: contain;
      background-repeat: no-repeat;
    }
    

    adjust the url with your path

    in reply to: Change the space between table lines on mobile. #1488362

    As a participant i could not see private content.

    in reply to: Change the space between table lines on mobile. #1488349

    i did not check your selectors if they are correct but in your media query

    @media only screen and (max-width: 767px) {
      .avia-data-table.avia_pricing_minimal td, 
      .avia-data-table.avia_pricing_minimal th {
      padding: 0px;
      }
    } /* === here is one missing curly bracket === */
    

    do not forget the closing bracket ( two opening brackets – only one closing )

    ___________

    Next : if you got a pricing-table – there are no table layouts (body, th, td etc) these are created as lists!
    so if you got a pricing table – then the selectors are not o.k.

    PS: i didn’t know that even minimal data tables – got that class: avia_pricing_minimal
    so with that one missing closing bracket your codes seems to working.

    in reply to: Custom SVG Divider #1488348

    why do you think that there is something wrong?
    is on your dropdown list no custom svg ?

    you have mixed two elements here on your page – the one is the tab-section
    and the images belong to these av-section-tab-title

    the other element is inside your content of the tab-section element. (Tabs) – and indeed they only have the option to show icons!
    but – if you got svg images – you could place these files by choosing wordpress media library as source for your icons.

    next hint: no one hampers you to insert left to the tab title :
    <img class="alignleft" src="/wp-content/uploads/globe-color.png" alt="" width="40" height="40" />

    you can horizontally center these images with the tab-titles by:

    .tabcontainer .tab_titles .tab {
      display: flex;
      align-items: center;
    }

    there will be warnings – but you can ignore them – it works!

    in reply to: Clicking flags in mobile menu doens’t work #1488302

    you know how to have a child-theme replacement script?

    in reply to: Clicking flags in mobile menu doens’t work #1488301

    maybe it is a working way to have an explicite mobile menu – because the other solution is to have a child-theme avia-snippet-hamburger-menu.js file.

    ____________________________________________

    you have to look for this part inside:

    
    if( cur_menu.length )
    {
      if( cur_menu.get(0).hash == '#' || 'undefined' == typeof cur_menu.attr('href') || cur_menu.attr('href') == '#' )
      {
        // eventhandler conflict 'click' by megamenu (returns false) - ignore all handlers
        if( subitems.length > 0 || megacolumns.length > 0 )
        {
          clone_events = false;
        }
      }
    }

    and replace it by:

    // AVOID CONFLICT: Keep events for the GTranslate menu item
    if( ! current.hasClass('menu-item-gtranslate') )
    {
      if( cur_menu.length )
      {
        if( cur_menu.get(0).hash == '#' || 'undefined' == typeof cur_menu.attr('href') || cur_menu.attr('href') == '#' )
        {
          // eventhandler conflict 'click' by megamenu (returns false) - ignore all handlers
          if( subitems.length > 0 || megacolumns.length > 0 )
          {
            clone_events = false;
          }
        }
      }
    }

    you have found the solution on the element itself? – because i see images on your tabs.

    in reply to: increase size of logo and burger icon on mobile view #1488285

    All seems to work now!
    but please: https://kriesi.at/support/topic/use-code-tag-for-posting-snippets-e-g-implementing-google-tag-script/

    to check your code it would be easier if you use the code tag here on the board.

    in reply to: Sticky Mobile Header #1488284

    is this a transparent header on desktop view?
    then you had to adjust on fixed non-transparent header the padding-top of #main

    It would be helpful to determine whether the issue is specific to Enfold or if it is a more widespread problem. I suggest temporarily activating one of the standard WordPress themes and checking whether these replacement characters are still displayed in the editor.

    in reply to: increase size of logo and burger icon on mobile view #1488232

    but for your trials to have sticky header on mobile – my advice is to erases the code and replace it with ( It is difficult to identify the issue with the existing code. Therefore, I would prefer to start over.) :

    @media only screen and (max-width: 1023px) {
        #header {
            position: fixed !important;
            height: 120px !important;
            max-height: 120px !important;
        }
    
        #top #header.av_header_transparency #header_meta {
            background-color: transparent;
        }
    
        #header_main {
            border-bottom: none;
        }
    
        #header:not(.av_header_transparency) #header_main {
            box-shadow: 0 5px 5px rgba(182,182,182,0.75);
        }
    
        .responsive #top .av-logo-container ,
        .responsive #top .logo a,
        .responsive #top .logo img,
        .responsive #top .logo svg {
            height: 120px !important;
            max-height: 120px !important;
            line-height: 120px !important;
        }
    
        .responsive #top .av-main-nav .menu-item-avia-special a {
            height: 120px !important;
            line-height: 120px !important;
        }  
    
        .responsive.html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
            background-color: transparent !important;
        }
    
        #top .header_bg {
            background-color: transparent !important;
        }
    
        #top #header:not(.av_header_transparency) .header_bg {
            background-color: #FFF !important;
        }
    
        .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo img.alternate, 
        .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo .subtext.avia-svg-logo-sub {
        display: block !important;
        }
    
        .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > img, 
        .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > svg {
        opacity: 0;
        }
    
        /*** das hier individuell anpassen je nach dem  ***/
        #top #header.av_header_transparency #header_meta .phone-info * {
            color: #FFF !important;
        }
    
        .html_mobile_menu_tablet .header_color  #header.av_header_transparency div .av-hamburger-inner, 
        .html_mobile_menu_tablet .header_color  #header.av_header_transparency div .av-hamburger-inner::before, 
        .html_mobile_menu_tablet .header_color  #header.av_header_transparency div .av-hamburger-inner::after {
            background-color: #FFF;
        }
        .html_mobile_menu_tablet .header_color  #header.av_header_transparency .menu-item-search a:before {
            color: #FFF;
        }
        .responsive.html_header_top.html_mobile_menu_tablet  #top #main {
            padding-top: 120px !important;
        }
        .responsive.html_header_top.html_header_transparency.html_mobile_menu_tablet  #top #main {
            padding-top: 0 !important;
        }
    }

    and next: synchronise the switch point of your burger menu with those settings for your header.
    means

    @media only screen and (max-width:1023px) {
      #avia-menu .menu-item {
        display:none
      }
      .av-burger-menu-main.menu-item-avia-special {
        display:block
      }
    }

    for your content inside the first section there should be more distance to header on smaller screens! …
    in addition :

    @media only screen and (max-width:767px) {
      .responsive.html_header_top.html_header_transparency.html_mobile_menu_tablet  #top #main #av_section_1 .content {
        padding-top: 150px
      }
    }
    in reply to: increase size of logo and burger icon on mobile view #1488231

    on #main you set the padding-top to zero for all headers – so add that rule in your media query setting

    @media only screen and (max-width:1024px) {
      .responsive .logo img,
      .responsive .logo svg {
        max-height:120px
      }
      .responsive #top #wrap_all .main_menu {
        height:120px
      }
      .responsive #top #header_main>.container .main_menu .av-main-nav>li>a,
      .responsive #top #wrap_all .av-logo-container {
        height:120px;
        line-height:120px
      }
      .responsive.html_header_transparency #top #main {
        padding-top: 0 !important
      }
      .responsive:not(.html_header_transparency) #top #main {
        padding-top: 120px !important
      }
    }

    and what if you switch temporarly to a standard theme. Do the wp-admin buttons show the same problem?

    do you have only standard entries in your htaccess file – or are there additional custom rules inside?

    in reply to: Classic Edit vs Advanced Layout Editor #1488149

    It’s a shame not to use the Advanced Layout Builder (ALB) with an Enfold installation. The ALB is what makes Enfold attractive. I always use the ALB with the Classic Editor (Theme Options > Select Your Editor). However, I know some users here who use the block editor and still use Enfold’s layout elements. Giving up the ALB means giving up all its advantages.

    yes – and it is under Tools->Site Health->Info->Database

    Such an error, in which text is displayed in square blocks with question marks (so-called “tofu characters” or “replacement characters”), almost always indicates a problem with the character encoding or the fonts used.

    Can you take a screenshot of what it looks like?

    in reply to: Center content #1488050

    And you have choosen that setting on : General Layout – Content Alignment : “Center Content”

    it is just below that option where you have choosen the left sidebar header

    in reply to: Different menu for the homepage #1487939

    check what page-id is your maintenance page include that ID to the conditional tag above
    if(is_page(array( 17, 123456))){
    or is it one you created with a plugin?

    in reply to: Different style in different language #1487937

    can you mail me the link too – if you do not like to make it public

    in reply to: Different style in different language #1487914

    some style settings are synchronised on default – but f.e. quick css is different. And maybe some addons for WPML are different ?
    i do not know if that switch on theme options is usefull.

    in reply to: Different style in different language #1487911
    in reply to: Blue ? Icon and big space on iPhone only #1487905

    ok – but it will work as i described above if you use relative url to your video – and do not enter a fallback image.
    Then the css.

    in reply to: Blue ? Icon and big space on iPhone only #1487879

    I think this symbol appears when an image or file cannot be found.

    Edit : now i have inspected your page with dev tools – my pages with full-width easyslider and video inside as list item – looks totaly different to your DOM.

    I got this <div id="mep_0" … container inside <div data-rel="slideshow-1" class="avia-slide-wrap " ….with all the video instructions inside

    Ah ok : this seems to be a matter if the inserted url is a relative url and not an absolute url.
    by the way it seem to be the only way to show the video on iPhones by relative urls – but than a message is shown : av-fallback-message if there is no fallback image.

    so try: let there be the relative url to your video – do not enter a fallback image and:

    #top .av-fallback-message,
    #top .av-fallback-message + img {
      display: none !important;
    }

    or if you do not like to use the Sibling Combinator :

    #top .av-fallback-message {
      display: none !important;
    }
    .avia-slideshow li img[src*="undefined"] {
      display: none !important;
    }
    in reply to: Text around images #1487834

    But you know that you do not have to do that by inserting code to text-block element?

    Place your text-block element – and open it. – Insert your text. After that put the cursor (1) to that place where you like to insert the image.
    Click (2) on “Add Media”.

    Now it opens the media-library in a popup. Choose your image (3) and set the properties on the right (4). You see here the already the alignment and the lightbox option (link to media file).
    Now press “insert into page” button.

    You will see now a preview. You can pull now one edge of the image to make it bigger.

    if you like to change some settings on that image – click on the image – you can see now an icon bar on top. Click that pencil button to have another popup.

    and

    in reply to: The pages don’t have title #1487810

    Check what page-id is it where you do not like to show it – and then :

    #top.page-id-12345 .my_title_container {
      display: none;
    }

    However, if you only want this feature on all pages but not on archive or post pages, for example, you can modify the snippet accordingly.

Viewing 30 posts - 181 through 210 (of 11,784 total)