Forum Replies Created

Viewing 30 posts - 1,921 through 1,950 (of 11,691 total)
  • Author
    Posts
  • in reply to: Social bookmarks on flyout mobile menu #1422984

    with flyout mobile menu – you are talking about the hamburger menu?
    And your social bookmarks are there on default?

    in reply to: Background image in Color Section not always working #1422972

    can you try:

    .responsive #top #wrap_all {
        background: #000 !important;
    }

    and i think this is set on default to #fff – that can cause the issue.

    for the moment of starting transition this might be visible. Give it a try
    Or if you are using curtain effect footer and try to force scroll on at the end of the page – that bg will be seen.
    hamburger slide out etc. pp

    PS:
    sometimes ( f.e. with fixed header ) the background of #main is visible

    so try:

    .responsive #top #wrap_all {
      background: #000 !important;
    }
    .responsive #top #main {
      background: transparent !important;
    }
    in reply to: Can I make the logo go outside its designated area? #1422939

    Yes of course. But first : what kind of header have you set up?
    Logo left – menu right ? Shrink or not etc. pp. If Shrinking Header is set where do you start – where does it end ( standard 1/2) ?

    f.e.: if you have a header starting height set to 100px and you like to have your logo at 150% of that
    then set the logo height to 150% and the max-height to 150px
    (if you got a svg as logo set .logo svg)

    .logo,
    .logo a {
      overflow:visible
    }
    .logo img,
    .logo svg {
      height:150%;
      max-height:150px !important
    }

    to know the starting header height is important for the max-height setting this should be the factor of height x header first height
    e.g: your header is set to 150px starting height. and you like to have a 1.6 times higher logo then it is for the logo:

    .logo img,
    .logo svg {
      height:160%;
      max-height:240px !important
    }

    a good multilang plugin should set those links in the head section. WPML does in this way ( depending on your choice – how to handle the multilang sites – as addendum – as subdomain or maybe as extra domains )
    f.e.:

    <link rel="alternate" hreflang="en-us" href="https://your-domain.com">
    <link rel="alternate" hreflang="de-de" href="https://your-domain.com/?lang=de">

    so inspect your head section if those entries are made.

    in reply to: Blog page in portrait orientation iPhone 14 max pro sticks #1422773

    even if you are navigating to the domain itself: https://cloudflareinsights.com/ – they are on a AD tracking list. – i surf with ad blocker like ublock origin in my browser. I do not like ads at all. You may need to switch to a more reputable CDN provider.

    in reply to: Prevent SPAM on Email Buttons #1422764

    but there are 3times settings for '@'
    do you think it is best to replace all of them ;)

    but this is only for manually inserted Links in ALB Elements?
    Have you tested that ?

    in reply to: Transparent header logo #1422760

    Just beneath the Theme Options – Logo
    there is a Toggle : “Transparency Logo Options”

    in reply to: Add a Gradient Overlay with Reduced Opacity #1422729

    open for example: https://www.colorzilla.com/gradient-editor/
    copy the given gradient code from my code: linear-gradient(to bottom, rgba(0,0,0,0.8) 10%,rgba(0,0,0,0.1) 30%);
    under the preset gradient there is a “button” import css –
    enter the code and click “import”
    now you can play with the settings.

    the “to bottom” means the linear gradient is from top to bottom – so the left value is the top color.
    the rgba value is the color with an opacity e.g.: rgba(0,0,0,0.8). is a black with 80% opacity
    the value after the rgba is the position : here 10% ( top to bottom) from the top.

    in reply to: Add a Gradient Overlay with Reduced Opacity #1422691

    this is a selfhosted video ?
    ( it is always best to see the corresponding site )

    .dark-overlay-on-section .avia-slide-wrap .mejs-container:after {
      content: "";
      position: absolute !important;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: linear-gradient(to bottom, rgba(0,0,0,0.8) 10%,rgba(0,0,0,0.1) 30%);
      background-size: cover;
      background-repeat: no-repeat;
    }
    in reply to: Add a Gradient Overlay with Reduced Opacity #1422685

    yes – but the custom-class is then on the section container ( that is in the DOM Tree higher than the avia-slideshow class)
    f.e. dark-overlay-on-section

    .dark-overlay-on-section .avia-slideshow .av-video-slide .mejs-mediaelement:after {
      content: "";
      position: absolute !important;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: linear-gradient(to bottom, rgba(0,0,0,0.75) 25%,rgba(0,0,0,0.1) 70%);
      background-size: cover;
      background-repeat: no-repeat;
    }
    in reply to: Add a Gradient Overlay with Reduced Opacity #1422662

    how did you place the video? Inside a full-width slider?
    Are there other slides inside the slideshow that should also have that overlay?
    Give a custom-class to that slideshow f.e. dark-overlay and then use the after pseudo container to get the overlay:

    .avia-slideshow.dark-overlay .av-video-slide .mejs-mediaelement:after {
      content: "";
      position: absolute !important;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: linear-gradient(to bottom, rgba(0,0,0,0.75) 25%,rgba(0,0,0,0.1) 70%);
      background-size: cover;
      background-repeat: no-repeat;
    }

    on the other hand – you could style the caption – to have a better contrast – f.e.:

    .avia-slideshow.dark-overlay .av-video-slide .avia-caption-title {
      text-shadow: 
        1px 1px 0 #c7c8ca, 
        2px 2px 0 #b1b3b6, 
        3px 3px 0 #9d9fa2, 
        4px 4px 0 #8a8c8e, 
        5px 5px 0 #77787b, 
        6px 6px 0 #636466, 
        7px 7px 7px #000;
    }

    see: https://webers-testseite.de/divider-on-sliders/

    • This reply was modified 1 year, 12 months ago by Guenni007.
    in reply to: code block trouble #1422605

    But he wrote that even css code does not work correctly. So – my guess is that there is a generall installation error.
    the code he quoted above corresponds to what Google itself outputs as embed code. Therefore, this error can be excluded.

    in reply to: Add H1 heading to category/archive pages only. #1422571

    or use a filter to show only on specific pages / posts etc. the breadcrumbs:

    function avf_header_setting_filter_mod($header_settings) {
      if ( is_category() || is_archive() ) || has_category() { 
        $header_settings['header_title_bar'] = "breadcrumbs_only";
      }
      return $header_settings;
    }
    add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 50, 1);

    It depends a bit on what kind of header you have and what you want to achieve.
    Is it a fixed header on desktop view? Where is your navigation etc.?
    the header_meta should stay fixed in mobile view – and not scroll away…

    in reply to: code block trouble #1422525

    yes – the code is correct and seems to be achieved via the standard way using the google map share button on the map.
    I am asking this because it sometimes happens that my fellow participants transfer something like this manually and then errors occur (like not closing tags).
    I therefore think that you should first try to reinstall the theme (maybe something went wrong during the installation) – and at the same time perform an update (if not already done).

    in reply to: Medical font #1422523
    in reply to: Search Box Font Does Not Follow Settings #1422522

    hm – I have never attached any particular importance to it. But you are indeed right. It seems that the base.css (line 470ff) setting of the font is used there. It’s listed as HelveticaNeue, Helvetica etc. Since Enfold stores the fonts you set in options as a variable, you can set here:

    #top .input-text, 
    #top input[type="text"], 
    #top input[type="input"], 
    #top input[type="password"], 
    #top input[type="email"], 
    #top input[type="number"], 
    #top input[type="url"], 
    #top input[type="tel"], 
    #top input[type="search"], 
    #top textarea, 
    #top select {
    	font-family: var(--enfold-font-family-body) !important
    }

    or if you like to change it only for that input field:

    #top #s {
      font-family: var(--enfold-font-family-body) !important
    }

    maybe this should be changed on default to inherit the font like all the other settings ( line 20ff)
    (html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, etc. )

    in reply to: H1 and H2 Color Matches Background #1422521

    is wp-block-heading a class ? Where’s the dot before?
    next – you only want to change h1 headings with that custom class and all h2 ?

    in reply to: code block trouble #1422520

    can you post the code you inserted to that code-block ( use code tag here please to better inspect the code)

    in reply to: Warum sehe ich in meinem theme den Datei Edior nicht? #1422519

    Ich wäre davon ausgegangen, dass nur Admins dieses Recht besitzen!
    Denn das hier ist die Ansicht, die ein Redakteur zu sehen bekommt:

    _________

    I would have assumed that only admins have this right!
    Everything else makes no sense either.
    This is the view that an editor gets to see:

    in reply to: schmidtgrafisk #1422424

    on default the value in that input field of max-width is 1310px – but i tend to set it to 1500 (or 1510px)
    a totaly missing of max-width ( max-width unset ) looks strange ;)

    have a look at your code :

    @media only screen and (max-width:1100px) {
      .responsive #top .av-main-nav .menu-item-avia-special {
        display:block !important
      }
      .responsive #top .av-main-nav .menu-item {
        display:none !important
      }
    /************** here is a missing closing curly bracket *******/
    
      @media only screen and (max-width:1024px) {
        #header_meta {
          display:none
        }
      }
    in reply to: schmidtgrafisk #1422422

    if you got a css code error on quick css ( a missing closing bracket (often forgotten on media querries) , comma instead of semi-colon (or vice versa) , etc pp) the rest of your css could be ignored.
    this enfold setting of container max-width is added after the quick css settings – so it will go back to the standard container width of 1010px (see: grid.css ) .

    /* Base sizes */
    .container .av-content-full.units  {
    	width: 100%
    }
    .container .av-content-small.units {
    	width: 73%
    }
    .boxed#top, .html_boxed.html_header_sticky #header{
    	width: 1010px;
    }
    .container{
    	max-width: 1010px;
    }
    in reply to: Question of how to design #1422378

    Another approach could be the way to animate the grid box itself:
    (real grid layout)

    https://css-tricks.com/animating-css-grid-how-to-examples/

    in reply to: Question of how to design #1422352

    as a participant I can’t see your links listed in the private window; I would also try with background images, but inherit them into a pseudo container, and then execute the hover styles with it. This has the advantage that the foreground content is not affected.
    With parallax backgrounds I think you have an extra container anyway.

    by the way – the pseudo container is a good solution to hamper the behavior on safari browsers with attachment fixed.

    see here: https://webers-testseite.de/jb84/

    • This reply was modified 2 years ago by Guenni007.
    in reply to: Warum sehe ich in meinem theme den Datei Edior nicht? #1422351

    hast du ein Sicherheitsplugin installiert? Sowas wie “iThemes Security” – dort gibt es diese Option ( unter WordPress Optimierungen ) es ein/ab zuschalten.
    Etliche Security Tools haben diese Option.

    in reply to: Warum sehe ich in meinem theme den Datei Edior nicht? #1422233

    Einige Sicherheitsplugins unterbinden gerne den Theme-Datei Editor. Meist geschieht dies z.B. via wp-config.php Eintrag.

    einer dieser beiden oder sogar beide könnten Einfluss nehmen:

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

    löschen oder auf false setzen

    in reply to: html in exerpts does not work #1422228

    ok – today here it is:
    and it seems to come from float-menu plugin:

    update that plugin or download it again- becaue on the neweset one they got woff2 inside the vendors folder:

    in reply to: Date Picker Form Issue Mobile #1422097

    So – it seems to work with the attribute of Ismael, just not when you insert it there afterwards via script.
    It must be hardcoded in the class-form-generator.php ;)

    the attribute readonly works even if you add it via script.

    in reply to: Lottie file on mobile #1422071

    have you a link to the dottie file your are talking about to check if it is not a matter of that file.

    in reply to: html in exerpts does not work #1422070

    Today i do not see the errors concerning to FA. And believe me – I have to use the Developer Tools very intensively to investigate your site; but today this error message is no longer present.

Viewing 30 posts - 1,921 through 1,950 (of 11,691 total)