Forum Replies Created

Viewing 30 posts - 181 through 210 (of 11,347 total)
  • Author
    Posts
  • in reply to: IconList – make icons clickable #1476563

    wo genau befindet sich deine Iconlist?

    im Element selbst hast du ja die Links gesetzt – Advanced Tab (Erweitert)- weiter unten siehst du dann ein Dropdown Menü:

    I run many portfolios – and I have never seen such a fatal error on my websites. As you mentioned, there are no other messages about this on the forum.
    What exactly are you changing manually? – Do you have any custom post types running?

    in reply to: Umlaute bei Table of Contents #1476547

    thats why i wrote:

    you know how to have child-theme js files?

    The Subfolder Structure is korrekt

    put this to your child-theme functions.php:

    function wp_child_theme_widget_script() {
      wp_deregister_script( 'avia-widget-js' );
    
      $vn = avia_get_theme_version();
      $options = avia_get_option();
      $child_theme_url = get_stylesheet_directory_uri();
    
      $min_js = avia_minify_extension( 'js' );
    
      $condition = ( avia_get_active_widget_count() > 0 );
      avia_enqueue_script_conditionally( $condition , 'avia-widget-js-child', "{$child_theme_url}/js/avia-snippet-widget{$min_js}.js", array('avia-default'), $vn, true);
    }
    add_action( 'wp_enqueue_scripts', 'wp_child_theme_widget_script', 100 );
    in reply to: Umlaute bei Table of Contents #1476509

    on : avia-snippet-widget.js i commented out the first regex – hope that this will not come into conflict with other settings.

    function av_pretty_url(text)
    {
    	return text.toLowerCase()
    		// .replace( /[^a-z0-9]+/g, "-" )
    		.replace(/ /g,"_")
    		.replace( /^-+|-+$/g, "-" )
    		.replace( /^-+|-+$/g, '' )
    		.replace(/ä/g, 'ae')
    		.replace(/ö/g, 'oe')
    		.replace(/ü/g, 'ue')
    		.replace(/ß/g, 'ss');
    }

    see: https://webers-testseite.de/datenschutz2/
    for example datenschutzerklärung

    download it here (both files min.js too) : https:://webers-testseite.de/avia-snippet-widget.zip

    you know how to have child-theme js files?

    in reply to: Umlaute bei Table of Contents #1476508

    you have to edit the function av_pretty_url(text) in avia-snippet-widget.js
    there you see that a lot of characters are replaced by “-”
    we now had to find a solution where ä is ae; ü is ue etc. …

    in reply to: Cannot use iconfonts (displayed as empty boxes) #1476507

    first: on fontello there is on top the option to give them a name.
    second: before uploading – rename those zip files to something reflecting the icons ( as on enfold : enfold medical icons etc. )
    ( This is only to have in media-library a meaningfull name – not important for the function )
    see: https://kriesi.at/documentation/enfold/icon#download-fontello-or-flaticon-icons-included-in-enfold-demos

    PS : inside the zip-file there is a folder with fontello-123456xyz – you can leave that. important is to rename the zip file and the font on downloading on fontello.

    in reply to: Logo Not Showing Up on Mobile View #1476479

    by the way – with that enormous main navigation menu – you had to break to the hamburger much earlier:

    @media only screen and (max-width: 1200px) {
        #top #header .av-main-nav > li.menu-item  {
            display: none!important;
        }
        #top #header .av-burger-menu-main {
            cursor: pointer;
            display: block!important;
        }
    }
    in reply to: Logo Not Showing Up on Mobile View #1476478

    it seems that you have all pages with transparency option ?
    so you can overwrite the behaviour to show now the alternate logo anyway. on all mobile devices
    This is merely an emergency solution now

    
    .responsive.avia_mobile #top .header_bg {
      opacity: 0.1;
    }
    
    .responsive.avia_mobile #top #header:not(.av_header_transparency) .header_bg {
      opacity: 1;
      background-color: rgba(0,0,0,0.2) !important;
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
    }
    
    .responsive.avia_mobile #top .av_alternate_logo_active .logo a > img, 
    .responsive.avia_mobile #top .av_alternate_logo_active .logo a > svg {
      opacity: 0;
      width: 200px
    }
    .responsive.avia_mobile #top  .logo img.alternate, 
    .responsive.avia_mobile #top  .logo .subtext.avia-svg-logo-sub {
      display: block;
      opacity: 1;
    }
    .responsive.avia_mobile #top  .logo img.alternate, 
    .responsive.avia_mobile #top  .logo .subtext.avia-svg-logo-sub {
      display: block;
      padding: 10px 0;
    }
    
    .responsive.avia_mobile #top .logo img.alternate, 
    .responsive.avia_mobile #top .logo .subtext.avia-svg-logo-sub svg {
      top: 50%;
      transform: translateY(-50%);
    }

    nevertheless – you had to find the reason for that url mismatch – and why the normal logo could not be overwritten by a new uploaded one.

    in reply to: Logo Not Showing Up on Mobile View #1476477

    there is no entry in your child-theme functions.php that uses the filter :
    avf_logo – and you also have no entry regarding $logo ?

    on default Enfold handles to show on mobile the normal logo – because they give up the transparency setting and have a white background on logo container. So you must have some css code to force transparency and to set #main to padding-top: 0
    that is the reason why they show the normal logo allthough the header is set to transparency.

    see demo behaviour on mobile: https://kriesi.at/themes/enfold-2017/

    in reply to: Cannot use iconfonts (displayed as empty boxes) #1476476

    you uploaded that svg file from the Flaticon zip to fontello.
    Do you have any warning on uploading? (Compound path … )
    Are these icons monocolor icons?
    Do you see the icons on fontello as you like to have it?

    in reply to: Centre align 5 star icons #1476473

    if you tried it then the DOM will have there a p-tag with an inline text-align: center!
    so we can use this as a selector:

    .avia-testimonial p[style*="center"] {
      margin-top: 0;
      display: inline-block;
    }

    see : https://webers-testseite.de/testimonial-styling/
    PS: the css code there is only for the other styling of those testimonials

    in reply to: Centre align 5 star icons #1476471

    like this: https://kriesi.at/themes/enfold-2017/#best-rated
    but you know how to insert those icons – the only problem is to get them centered – allthough you have tried using the text-align feature of the editor?

    in reply to: events with an expiration date #1476465

    just a question – you are talking about events; you got an events plugin that does not have expiration dates?

    Sorry i only read your topic – not the post
    there are lot of plugins that can be asumed under events f.e.: https://wp-events-plugin.com/ The Free Plan is good enough for the most possibilities.

    in reply to: events with an expiration date #1476464
    in reply to: Logo Not Showing Up on Mobile View #1476460

    insert manually the url and save

    https://october7coalition.com/wp-content/uploads/2024/01/logo_black.png
    
    in reply to: events with an expiration date #1476455

    have a look at this small plugin: https://gitlab.rrze.fau.de/rrze-webteam/rrze-post-expiration
    (GNU General Public License v2.0 or later – so you can use it)

    you will have then on all posts under publishing the post :

    after expiration those post/pages goes to an extra “Expired” State.
    PS – there is only the setting for post/pages not for portfolio. BUT only two places in sourcecode can change that to have it for portfolio too.
    /includes/main.php (line 86 – add to the array ‘portfolio’ )
    and
    /includes/settings.php (line40 – add a new line with portfolio)

    in reply to: transparant #1476454

    or:

    #top.page-id-2 #main{
        background: transparent !important;
    }
    
    #top.page-id-2 .main_color,
    #top.page-id-2 .header_bg,
    #top.page-id-2 #socket {
        background-color: rgba(255,255,255,0.6);
       -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }
    in reply to: Logo Not Showing Up on Mobile View #1476453

    What have you inserted to your :
    Dashboard – Settings – General : “WordPress Address (URL)”. and “Site Address (URL)”. ?

    in reply to: Cant remove or change background image? #1476399

    your background-image – is it a svg file?
    if you are on an older enfold version update to the newest enfold version – there is in the meanwhile (since 5.6.9) a css to give an absolute width value to svg on body.wp-admin.

    in reply to: Logo Not Showing Up on Mobile View #1476396

    why does logo image url differ to domanin url?

    https://october7coalition.org

    on mobile the normal logo (non transparency case ) is shown and this leads to :
    https://october7coalition.org/wp-content/uploads/2024/01/logo_black.png
    on desktop the transparency logo is shown so the alternate logo inside sub-text is there.
    https://october7coalition.com/wp-content/uploads/2024/01/logo_black-300x133.png

    in reply to: How to set a sticky column ? #1476361

    this will hard to get i see:
    https://webers-testseite.de/sandy/
    because all three columns are inside the same parent container – the stick will not end when the 1/1 column reaches the top.

    ________

    but you can have a page/post without sidebar and use then color-sections – the sidebar then is shown as content element : widget area:
    click to enlarge the preview:
    preview

    see code and example page:
    https://webers-testseite.de/sandy-2/

    in reply to: How to set a sticky column ? #1476328

    you can have on child-theme functions.php :

    
    function add_slug_body_class( $classes ) {
    global $post;
      if ( isset( $post ) ) {
        $classes[] = $post->post_type . '_' . $post->post_name;
      }
      return $classes;
    }
    add_filter( 'body_class', 'add_slug_body_class' );

    then a post/portfolio/page will have on body (#top) an additional class f.e.
    post_name-of-my-post
    portfolio_name-of-my-post
    page_name-of-my-post

    maybe that helps you to better select.
    On your example page it will then be : post_sand-box-post

    why do i include to that class the post-type? because it might be that you have post and a page with same slug – then you can differ between them
    if you do not need that – remove the instertion of the post-type:

    function add_slug_body_class( $classes ) {
    global $post;
      if ( isset( $post ) ) {
        $classes[] = $post->post_name;
      }
      return $classes;
    }
    add_filter( 'body_class', 'add_slug_body_class' );
    in reply to: How to set a sticky column ? #1476325

    because of there is only a layout with columns.
    So please go and set a 1/1 column below that – to see how enfold handles the rest.

    the first column now can be select via:
    #top.postid-335 .entry-content-wrapper .submenu-col instead of #top.postid-335 .entry-content-wrapper .flex_column.first

    on your layout there is no parent element that you can give a custom class to. So we had to work with page/post IDs
    If you have that on all single posts – than we can select more global as f.e.: single-post etc.

    PS : there is no slug of the post on default enfold.

    in reply to: How to set a sticky column ? #1476311

    you can have both – column sticky and sidebar sticky

    .responsive body#top.postid-335 {
        overflow-x: visible;
    }
    
    #top.postid-335 #wrap_all {
        overflow: visible;
    }
    
    @media only screen and (min-width: 768px){  
      #top.postid-335 .entry-content-wrapper {
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
      }
    
      #top.postid-335 .entry-content-wrapper .flex_column.first{      
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 100px;   /*** depends on your header-height after scrolling ***/
        min-width: 120px;  /*** you can have here absolute Values  ***/
      }
      #top.postid-335 #main div > .container {
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
      }
    
      #top.postid-335 .sidebar{
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 60px;   /*** depends on your header-height after scrolling ***/
        width: 30% !important; /*** you can have here different width than on global settings of Enfold ***/
      }
    }
    in reply to: How to set a sticky column ? #1476310

    so for that page:

    .responsive body#top.postid-335 {
        overflow-x: visible;
    }
    
    #top.postid-335 #wrap_all {
        overflow: visible;
    }
    
    @media only screen and (min-width: 768px){  
      #top.postid-335 .entry-content-wrapper {
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
      }
    
      #top.postid-335 .entry-content-wrapper .flex_column.first{      
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 100px;   /*** depends on your header-height after scrolling ***/
        min-width: 120px;  /*** you can have here absolute or relative Values ***/
      }
    }

    to be more selectiv using custom classes on some elements.
    and keep in mind, that the element is sticky only in its parent container. If the parent container is the same height as the f.e. color-section it looks like the sticky element is fixed inside that container:
    https://webers-testseite.de/sticky-elements/
    PS: if you break your columns at 990px you had to adjust that media query inside the snippet.

    in reply to: How to set a sticky column ? #1476308

    see here the example page for sticky sidebar with code : https://webers-testseite.de/sticky-sidebar/

    Try to make a screenshot of your enfold layout you like to have. Or describe it better.

    On your sandbox the parent element is the entry-content-wrapper
    now you like to have the first column to be sticky and the second one scrolls. The sidebar on the right should scroll away too?

    in reply to: Google Maps updates #1476260

    for that reason on google.maps.marker.AdvancedMarkerElement i use in the meanwhile iframe and google api v3.
    I can use async loading of the maps script and style everything on the map – including custom markers myself, or place google buttons on custom place. – but to give here a detailed instruction how to do it … i do not want to give all the knowledge of mine to public ;)

    https://webers-testseite.de/google-maps-api-v3/

    a lot of reading in the docu of google maps api is required on that.

    in reply to: Ć caracter Lato font #1476187

    this is just the lato activation by enfold google font support? (just selecting it from the drop down menu – on general styling – fonts)
    can you show me that page where it is not changed to the correct lato font?
    how did you enter those special characters.
    Can you try to use the unicode html entity & #262; (without that space between ampersand and #)
    Lato is designed by polish Łukasz Dziedzic, so I can hardly imagine that this font is not equipped with diacritical marks.
    but reading f.e.: https://stackoverflow.com/questions/51707185/font-lato-bolded-some-czech-characters – it seem that some characters with Caron (Hatschek) are printed bold – instead of normal.

    but that C with Akut is there :

    • This reply was modified 2 months, 2 weeks ago by Guenni007.
    in reply to: Contact Form – center submit button and styling checkbox #1476153

    try :

    #top .button[type="submit"] {
      position: relative;
      left: 50%;
      transform: translateX(-50%)
    }
    in reply to: Mobile view top area formatting #1476132

    on mobile less than 767px – is it intentional that the logo is that big?
    because the header height and all line-height are set to 80px but your logo is set to 120px.

    if you like to have an overlapping logo like:

    then you need some extra css.

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