Forum Replies Created

Viewing 30 posts - 2,011 through 2,040 (of 11,513 total)
  • Author
    Posts
  • if you like to replace it everywhere you can try this in your child-theme functions.php:

    function wrap_copyright_text_with_sup(){
    ?>
    <script>
    window.addEventListener("DOMContentLoaded", function () { 
    (function($) {     
         $('body :not(script)').contents().filter(function() {
            return this.nodeType === 3;
            }).replaceWith(function() {
                return this.nodeValue.replace(/[™®©]/g, '<sup>$&</sup>');
         });
    })(jQuery);
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'wrap_copyright_text_with_sup');

    after that you can style the sup (superscript) tag:
    this is default:

    sup {
      top:-0.5em;
      font-size: 0.75em;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
    }
    in reply to: GIFs in Tabs not animated #1410124

    be carefull to insert a non recalculated image size – only the original gif will have the animation.
    see: https://webers-testseite.de/gifs/

    in reply to: Multiple images in light box #1410123

    not a custom php file – put these lines to your child-theme functions.php

    on default installation of a child-theme ( Link ) there will be at the beginning :
    functions.php ; screenshot.png ; style.css

    on a fresh installed child-theme functions.php there are no extra entries – only a leading <?php on top.
    those extra snippets comes to that file – leave the leading line untouched.

    _____________

    if you like to group some images on a page just give to the image that common group class ( group-1, group-2 etc. )
    Images in text-blocks : put that custom class to the link ( “Link CSS Class”) : group-1 etc. – see screenshot above. (Link )

    see here in action: https://webers-testseite.de/lightbox-grouping/
    All squared images are in one group – and the Rest is in a different group.

    PS: you can add more lines to that list – but i think 8 groups on a page will be enough.

    in reply to: Remove hover on social media buttons #1410122

    you can remove the titles ( and these are responsible for those browser tooltips ) from those social-bookmark links by this snippet inside your child-theme functions.php:

    function remove_title_attr(){
    ?>
    <script>
    (function($) {
      $(window).on('load', function(){
        $('.social_bookmarks a').removeAttr('title');
      });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'remove_title_attr');

    Edit: ah i see – you do not belong to the share buttons on top or in the footer – but to those share buttons under the single posts
    so try Nikkos css.

    in reply to: Text in Logo area #1410093

    kuck mal hier: Link
    und scroll dann mal runter. Mit Inline svg ist sowas möglich

    in reply to: Multiple images in light box #1409917

    Yes – but i tested the last snippet – on image alb – it works – even if the image alb elements are not in the same container.
    There is on avia-snippet-lightbox.js a setting which images are grouped.
    https://webers-testseite.de/lightbox-grouping/ ( test all squared image are inside a group – and the rest inside another group.
    see code from there:

    groups :	['.avia-slideshow', '.avia-gallery', '.av-horizontal-gallery', '.av-instagram-pics', '.portfolio-preview-image', '.portfolio-preview-content', '.isotope', '.post-entry', '.sidebar', '#main', '.main_menu', '.woocommerce-product-gallery']'
    

    so if an image is in the same f.e. avia-gallery group it will be forced in a common lightbox.

    the above snippet will group all images that are linked to lightbox – and have a parent class group-1 etc.

    but i thought on former enfold versions this does include even image inside text-block alb elements.
    But i tested that with no success.

    in reply to: Text in Logo area #1409907

    here is an example as svg – if you now decide to have shrink header – you can set the subliner to display: none – or opacity: 0

    Edit: Logo Download removed

    PS if this is done – i will remove your logo from here.

    you see how it is set for better select the single parts:

    the ID: #subliner could be handled separated from the rest, because Enfold put the svg Logo as inline svg code.

    in reply to: Different logo links in different languages #1409876

    I believe that Polylang has a setting for this. That the corresponding English page links to the correct home page.
    But if everything fails, you could redirect using this code snippet within the child-themes function.php:

    function av_change_logo_link_on_different_languages($link){
        $currentlang = get_bloginfo('language');
        if($currentlang == "en-GB"){
            $link = 'https://the-new-path-comes-here';
        }
        return $link; 
    }
    add_filter('avf_logo_link','av_change_logo_link_on_different_languages');
    
    in reply to: Text in Logo area #1409875

    Welcher Schriftzug soll darunter stehen? Eventuell könnte man das ganze dann lieber als svg umsetzen.
    Die Tänzerin zu verktorisieren geht schnell, und die Schrift ist bekannt ( Gill Sans Nova)

    Diesen extra Schriftzug könnte man dann ein/ausblenden nach dem Scrollen – oder gar verschieben etc. pp:
    siehe z.B: https://ars-expressiva.com/

    in reply to: Text in Logo area #1409865

    Muss die Schrift unterhalb deines Logos permanent dort sein? Dann solltest du den weg gehen – einfach die Grafik dahingehend zu bearbeiten und neu hochzuladen.

    in reply to: Text in Logo area #1409864

    Na wie gesagt: Manche sehen es als Sicherheitsrisiko an, php ( js ) via dashboard bearbeiten zu können.
    Daher kann man es abschalten z.B. mit den zwei Zeilen die ich oben ansprach. Dazu müßtest du mal via ftp in deine wp-config.php schauen ob sich diese Einträge dort befinden.

    in reply to: Text in Logo area #1409860

    Gerade mal noch editiert oben – bezüglich des Editors.

    habe jetzt nicht geschaut ob du ein child-theme nutzt oder nicht. ?

    in reply to: Text in Logo area #1409854

    nimm das öffentlich gepostete Login mal lieber schnell raus! Und setze es für die Mods in den Private Content unterhalb des regulären Eingabefeldes.
    Am besten auch das Login Passwort noch ändern.

    so ich hatte mich mal kurz eingeloggt. In der Tat hast du dort keinen Editor. Das kann daran liegen, das aus Sicherheitsgründen – entweder ein Security Plugin das verhindert, oder in der wp-config.php datei im Rootverzeichnis deiner WordPress Installation genau das unterbunden wird.
    Die Zeilen wären dann:

    define( 'DISALLOW_FILE_EDIT', true );
    define( 'DISALLOW_FILE_MODS', true );

    die entweder löschen – oder auf false setzen.

    in reply to: Enlarge icon size on icon circles element #1409791

    try to play a little and start with: height and font-size

    #top .av-icon-circles-container .avia-icon-circles-icon {
      text-align: center;
      font-size: 50px;
      line-height: 0 !important;
      height: 80px;
      width: 80px;
      margin: -33px;
    }
    
    #top .avia-icon-circles-icon::before {
      position: relative;
      top: 49%;
    }
    
    .main_color #top .av-icon-circles-container .avia-icon-circles-icon.active {
      border: 3px solid #608a12;
      transform-origin: center center;
    }

    it might be necessary to move the icon inside the circle ( via pseudo-container : before ) . Since I can’t see your private message, I can’t give you any better advice.

    in reply to: Styling contact form 7 like Enfold #1409789

    by the way you can use the html classes from enfold on columns etc. to have similar look.
    f.e:

    to have those placeholders inside the input fields use the placeholder attribute – like on my screenshot
    [text your-name placeholder "Your name here"]

    in reply to: Post Slider without dates #1409769

    put this to your quick css:

    #top .avia-content-slider .slide-meta-time {
      display: none;
    }

    This could also be used as a snippet – but from a SEO point of view it would probably be better not to replace an existing H2, but to change the build process to H1.

    function replace_tags_with_tags(){
    ?>
    <script>
      (function($) {       
          function replaceElementTag(targetSelector, newTagString) {
            $(targetSelector).each(function(){
              var newElem = $(newTagString, {html: $(this).html()});
              $.each(this.attributes, function() {
                newElem.attr(this.name, this.value);
              });
              $(this).replaceWith(newElem);
            });
          }
          replaceElementTag('.avia-fullwidth-slider h2.avia-caption-title', '<h1></h1>'); 
      }(jQuery)); 
    </script>
    <?php
    }
    add_action('wp_footer', 'replace_tags_with_tags');

    the change on color of the h1 had to be set in quick css. But with that filter here the option if framed or not is preserved.

    function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() ){
      if( $context == 'avia_slideshow' ){
        $args['heading'] = 'h1';             
      }
      return $args;
    }
    add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );

    but i do not see how to differ between fullscreen and fullwidth sliders – the filter is inside the helper: class-avia-slideshow.php
    and f.e. no extra_args are set.

    maybe the filter avf_slideshow_title can be used – but i think it is only to change the content of title .

    in reply to: How to change a permalink #1409667

    But isn’t it then a problem of that plugin ( Permalink Manager ) ? What do they say about your troubles ?
    and you are right – I did indeed assume that you were using the Advanced Layout Builder. In this case there is an editor field for permalink

    you can do that by adding the html entities or by adding it by copy and paste.
    But if you are writing in text-block editor and using the standard key ( shift 2 ) from your keyboard – it will insert the english opening and closing double quotes.
    The language than decides how they will look like on frontend – if you choose french as page language they will automatically translated to those Guillements. in German we have those curly brackets ( and the ampersand function only changes the straight double quotes to curly double quoutes by wrapping in a span with class ) etc. pp.
    But now – if your page is set to german and you like to have those guillemets this is an option to do so.

    PS:
    On mac german keyboard ( QWERTZ)
    « : option q
    » : shift option q


    sorry boardsoft will replace my code snippet i use for the strings:
    the entities are important for the code to work.
    (click to enlarge)

    PS if you use lang setting of ch_X. use that instead

    Yes – there is a definition for those quotes in enfold-functions.php with avia_ampersand function.
    but even if i overwrite that function ( as a pluggable function – it is easy to do ) i can not set for quillemets ( » and. « )

    i think that the lang setting for that page is disturbing the way it might work.

    if you are using the de_X setting for your page try this in your child-theme functions.php:

    for copy and paste the function ( do not copy the leading <?php see pastbin : https://pastebin.com/JQfUCDqZ

    PPS: all credits goes to : https://www.buchundberger.net/blog/stefan-buchberger/

    in reply to: How to change a permalink #1409634

    First the permalink structure had to be set to what you like to have on : dashboard – settings – permalinks ( and for portfolio look to the Portfolio Entry Settings below that fields ) – all portfolios will be in that permalink structure. So first you had to adjust the structure there !


    then the addendum nomenklatur. If there exists allready a:
    https://intercettazioni.biz/cellulari-spia-android-telefono-spia/
    you can not rename the
    https://intercettazioni.biz/portfolio-articoli/cellulari-spia-android-pronti/
    to it !
    Be aware that for the Database a post do exist – even if it is inside the trash/bin !!
    So if it is that way – you first had to empty the trash !

    in reply to: Multiple images in light box #1409594

    hm – tested it on newest Enfold – seems not to work as expected – and even the known snippet of generating groups – does not work anymore in that manner that even if there are images in text-block element with that group-class are together in one Group.
    Between Image Alb even in different color-sections the snippet works!

    (on using group-1, group-2 etc. )

    function handle_lightbox_groups_in_gallery(){
    ?>
    <script>
    (function($){
        $(window).on('load',function() {
            $('.group-1 .lightbox-added').attr('data-group', '1');
            $('.group-2 .lightbox-added').attr('data-group', '2');
            $('.group-3 .lightbox-added').attr('data-group', '3');
            $('.group-4 .lightbox-added').attr('data-group', '4');
            $('.group-5 .lightbox-added').attr('data-group', '5');
            $('.group-6 .lightbox-added').attr('data-group', '6');
            $('.group-7 .lightbox-added').attr('data-group', '7');
            $('.group-8 .lightbox-added').attr('data-group', '8');
            // …
    
            var groups = {};
            $('.lightbox-added').each(function() {
              var id = parseInt($(this).attr('data-group'), 10);
              if(!groups[id]) {
                groups[id] = [];
              }
              groups[id].push( this );
            });
    
            $.each(groups, function() {
              $(this).magnificPopup({
                  type: 'image',
                  mainClass: 'avia-popup mfp-zoom-in mfp-image-loaded',
                  closeOnContentClick: false,
                  closeBtnInside: false,
                  gallery: { enabled:true }
              })
            });
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'handle_lightbox_groups_in_gallery');
    in reply to: Multiple images in light box #1409591

    to which element did you add this class? – it has to be on a parent of the image itself ( on image alb this is the case if you put that class to the image alb) – but for images inside text-block not if you inserted that class to the first input field: “Image CSS Class” – you had to insert it to “Link CSS Class”.

    in reply to: Adjust mobile menu slide out on desktop #1409590

    You do not need to make absolute settings for the scope of the slide out. Relative settings are also accepted here:
    In the meantime, the distribution of the property: backdrop-filter is very good, so that it is now quite possible to use it with high browser support.
    It will offer you a kind of frosted glas effect for the slide-out.

    @media only screen and (min-width:990px){
      .av-burger-overlay-scroll {
        background-color: rgba(255,255,255,0.7) !important;
        width: 40% !important;
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
      }
    }
    in reply to: Buttons to bottom on row grid #1409559

    Whereas I actually like the use of columns within grid cells. Then I would put the element which should be placed at the bottom in the same height in an extra 1/1 column – the rest doesn’t matter.
    In that case the snippet for functions.php would stay the same, but the css would now refer to the last column instead of the button-wrapper.

    (click to enlarge the image)

    @media only screen and (min-width: 768px) {
      .responsive #top #wrap_all  #main .gridrow-special .flex_cell {
        padding-bottom: 100px !important
      }
      #top #wrap_all .gridrow-special .flex_cell .flex_column:last-of-type {
        position: absolute;
        margin-top: 0px;
        top: calc(100% - 80px);
        width: 33%;
      }
    }

    in the case that on the last 1/1 container is more content – you had to adjust those shift values of padding-bottom and top: calc … !
    The height of that last 1/1 container had to be at least the padding-bottom on the cells

    But: if you got troubles on that – just get back to me ;)

    in reply to: Buttons to bottom on row grid #1409555

    So you don’t have to set this class for all home pages, just leave the lines included.
    For the other grid-row elements you then have to set the custom-class gridrow-special

    function get_rid_of_flex_cell_inner(){ 
    ?>
    <script type="text/javascript">
    window.addEventListener("DOMContentLoaded", function () { 
      (function($) {
        $('#top.home #av-layout-grid-1 .flex_cell_inner > *').unwrap();
        $('#top .gridrow-special .flex_cell_inner > *').unwrap();
      })(jQuery);
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'get_rid_of_flex_cell_inner');
    @media only screen and (min-width: 768px) {
      .responsive #top.home #wrap_all #av-layout-grid-1 .flex_cell,
      .responsive #top #wrap_all #main .gridrow-special .flex_cell {
        padding-bottom: 100px !important
      }
      #top.home #av-layout-grid-1 .avia-button-wrap,
      #top #wrap_all #main .gridrow-special .avia-button-wrap {
        position: absolute;
        top: calc(100% - 80px);
        width: 33%;
      }
    }

    It goes without saying that if you take 4 grid cells you have to adjust the width of the button-wrapper to 25%.
    If you switch at 989px – you need to change the media query to that as well.

    in reply to: Buttons to bottom on row grid #1409490

    btw: for your language switcher it might be better if you have a bit more distance between each other and to better have contrast to the background – so give it a try:

    .gt_switcher_wrapper {
      padding: 5px;
      background-color: rgba(255,255,255,0.5);
      border-radius: 5px;
      -webkit-backdrop-filter: blur(3px);
      backdrop-filter: blur(3px);
    }
    
    .gt_switcher_wrapper a {
      margin-right: 5px
    }

    and try:

    #titulo_portada .av-special-heading-tag {
      text-shadow:
       -1px -1px 0 #000,  
        1px -1px 0 #000,
        -1px 1px 0 #000,
         6px 6px 10px #000;
    }
    in reply to: Buttons to bottom on row grid #1409489

    the problem with it is the flex_cell_inner container – it hampers the absolute positioning of the button-wrapper.

    if you need this more than once – give a custom-class to those grid-rows – i now adjusted the code to that page only by ID.
    so to get rid of that container under preserving the child elements put this to your child-theme functions.php

    function get_rid_of_flex_cell_inner(){ 
    ?>
    <script type="text/javascript">
    window.addEventListener("DOMContentLoaded", function () { 
      (function($) {
        $('#top.home #av-layout-grid-1 .flex_cell_inner > *').unwrap();
      })(jQuery);
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'get_rid_of_flex_cell_inner');

    put this to your quick css:

    @media only screen and (min-width: 768px) {
      .responsive #top.home #wrap_all #av-layout-grid-1 .flex_cell {
        padding-bottom: 100px !important
      }
      #top.home #av-layout-grid-1 .avia-button-wrap {
        position: absolute;
        top: calc(100% - 80px);
        width: 33%;
      }
    }

    EDIT: – sorry i see that you got a lot of translations – so best ist to give a custom-class to that grid-row ( on all translated pages )
    e.g. : gridrow-special and use that

    If it is only that page – it is on all translations the home page – so #top.home will be a good selector for it – see above

Viewing 30 posts - 2,011 through 2,040 (of 11,513 total)