Viewing 30 results - 1 through 30 (of 141,821 total)
  • Author
    Search Results
  • #1486769

    In reply to: Left Main Menu Width

    Hey Jason,

    Please try the following in Quick CSS under Enfold->General Styling:

    .html_header_sidebar #top #header {
      width: 400px;
    }
    
    .html_header_left #main {
      margin-left: 400px;
    }

    Best regards,
    Rikard

    #1486758

    Hey karina yevenes hernandez,

    The version of the theme that you are running is not availble with newer PHP versions. Could you try to update to the latest version (7.1.1) to see if that helps please? The update to 7.1.1 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
    You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
    If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
    Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

    Best regards,
    Rikard

    • This reply was modified 4 hours, 32 minutes ago by Rikard.
    #1486754

    In reply to: Demos

    Hi,

    Please try reading my previous message again. You can also click this button on the forum: https://imgur.com/a/AnoSPNb

    Best regards,
    Rikard

    #1486726

    Hey nebuddlho,

    Thank you for the inquiry.

    The document should scroll a bit after clicking on the toggle to focus on the content or the toggle heading, but not all the way to the top. We can’t reproduce the issue on our local installation, so it’s probably a conflict with a plugin or a custom modification. Please try deactivating the plugins temporarily, remove all custom modifications, purge the cache, and then test it again. Let us know the result.

    Best regards,
    Ismael

    #1486721

    Hey earthnutvt,

    Thank you for hte inquiry.

    Make sure the aspect ratio of the images is square. Remove any text from the image and use it instead as the Grid Item Title of the icon flipbox item. If that’s not possible, you can add the following css code to make sure the entire image is visible, but the image size may not stay proportional to the flipbox content.

    #top .avia-icon-grid-container .avia-icongrid-flipbox .avia-icongrid-wrapper .avia-icongrid-front.bg-img:before {
        background-size: contain;
    }
    

    Best regards,
    Ismael

    #1486720

    In reply to: Featured image box

    Hey cuccarini,

    Thank you for the inquiry.

    We can’t reproduce the issue with the featured image on our installation, so it’s possible that it’s caused by a plugin or a custom modification.

    Regarding the enfold-child notice or warning, you need to add the template declaration at the very top of the style.css file.

    /*
    Theme Name: Enfold
    Description: <strong>A superflexible and responsive Business Theme by Kriesi</strong> -
    Update notifications available on Facebook and via newsletter:
    - <a href='http://www.facebook.com/pages/Kriesi/333648177216'>Join the Facebook Group</a> - <a href='http://kriesi.at/newsletter'>Subscribe to our Newsletter</a>
    Version: 7.1.1
    Author: Kriesi
    Author URI: https://kriesi.at
    License: Themeforest Split Licence
    License URI: -
    Theme URI: kriesi.at/themes/enfold/
    Envato_ID: 4519990
    */
    
    /*
    * PLEASE DO NOT EDIT THIS FILE!
    *
    * This file is only in your themefolder for WordPress to recognize basic theme data like name and version
    * CSS Rules in this file will not be used by the theme.
    * Instead use the custom.css file that is located in your themes /css/ folder to add your styles.
    * You can copy a style rule from any of your css files and paste it in custom.css and
    * it will override the original style. If you just want to add small css snippets you might also
    * want to consider to add it to the designated CSS option field in your themes backend at: Theme Options->General Styling
    */
    
    

    Looks like you’ve made some css modifications and removed this part.

    Best regards,
    Ismael

    #1486717

    hi Ismael,

    i’ve been playing around with this a little as i can and have some followup thoughts/questions/info for you…

    in your message above, you said “adding html may not work as expected“.
    – would you elaborate on that please?
    – how would it not work?
    – is it really not worth trying to bold the element & colon, and add a space between each in the email?
    – if it’s not likely to work across the board, then i don’t want to mess with it. but if making those 2 modifications can work in all email apps & browsers, then i’m game to try figuring it out. i need it to be rock-solid (as solid as anything else the theme does).

    IF” your response to that is positive, then please continue.
    IF” your response to that is negative, then nevermind & thank you! (although, please do see the end about the bug i found).

    in your function code snippet above, i see your comment to “do something with the message here/“.
    – but i have no idea what to put there.
    – i found similar code @…
    kriesi.at/support/topic/using-the-universal-wp-lead-tracking-plugin-with-enfold-contact-form
    …but the only part that looks familiar is the “\n” part.
    – i found some other similar code @…
    kriesi.at/support/topic/contact-form-html-field
    …but again, not enough info/examples for me to craft something to fit my use-case.

    i then ran across some posts advising folks to edit the theme file…
    /enfold/framework/php/class-form-generator.php
    1) i do NOT want to mess with the theme files at all (for obvious reasons);
    2) i did look thru it (again, not really knowing php), and see on line 1559, there’s html code, adding some <br/> and <strong> tags to the “Your Message:” part of the email. i wondered if there’s a way to customize all email elements using that “avf_form_message” filter.
    – so no matter what “Form Element Type” is used, the “Form Element Label” with colon would be bolded, and an empty space (hard return, \n) would be between all Elements in the email.

    lastly, i discovered the “Other Element: Empty Line” Form Element Type!
    thinking this may at least solve the issue of getting some space between the form types in the emails, so i added it and set it for “Print in e-mail only”.
    – testing it does in fact add the spacing i was hoping for in the emails,
    …BUT, YOU SHOULD KNOW…
    there’s a bug in that even tho it’s set for “Print in email only” it still also adds it to the front-end webpage.

    …when testing, all my elements with 1/2 width styling gets broken into individual lines.
    – so unfortunately, i can’t use this cool discovery until that gets fixed in the theme.

    note: additionally, the “Message” element already has an extra space above it, so putting that empty element above it produces 2 blank lines in the email. would be nice to either have the spacing consistent for all element types or add a note about that in the form settings.

    thanks for the help.

    #1486697

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1486696

    Topic: Featured image box

    in forum Enfold
    cuccarini
    Participant

    Hello,

    in the editor the Featured image is not shown at the top right of posts and portfolio items so it is unmanageable. Furthermore, there are broken theme messages even though I reinstalled the theme and in the other installation the same version does not create problems.
    Error: Template is missing. Standalone themes need to have a templates/index.html or index.php template file. Child themes need to have a Template header in the style.css stylesheet. Broken Themes
    The following themes are installed but incomplete.
    Name Description
    enfold-child Template is missing. Standalone themes need to have a templates/index.html or index.php template file. Child themes need to have a Template header in the style.css stylesheet.

    As usual, thanks in advance for your help
    Andrea

    #1486692
    beenee
    Participant

    Dear support team,

    My present programming allows me to hide the top header on large views. It should only be displayed on mobile views. Therefor I found this code:

    /*phone info mobile only */
    #header_meta {
        min-height: 60px !important; 
    }
    #header_meta .phone-info {
        line-height: 60px !important; 
        font-size: 20px !important; 
    }
    
    @media only screen and (min-width: 768px) {
    #header_meta{
      display:none;
    }
    }
    

    I cannot seem to get the phone info font bigger for mobile view.

    Could you have a look please?

    Thanks,
    Stefan

    #1486685

    In reply to: Contact Form Lightbox

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1486684

    Hi,

    I checked your site on desktop mobile emulation, but I can’t see that happening on my end. Did you try using a different browser?

    Best regards,
    Rikard

    #1486671

    Please help me on: https://kriesi.at/support/topic/ideleted-all-quick-css-entries/#post-1486662

    • This reply was modified 3 days, 1 hour ago by beenee.
    #1486657
    beenee
    Participant

    Dear Enfold support,
    not sure what I’m doing wrong, as the topic suggests, I’d like to show a phone number on mobile view and found these 2 code snippets:

    /*mobile only phone*/
       @media only screen and (max-width: 767px) {
           #header_main {
               display: none;
           }
           #header_meta {
               display: block;
           }
       }

    and

    @media only screen and (min-width: 768px) {
    .phone-info { display: none !important; }}

    Both are not working for me :-(
    Can you help please?

    Best regards,
    Stefan

    Thank you very much, it worked! Topic can be closed Thanks!

    Blatze
    Participant

    Hello,
    I have a horizontal gallery that should be displayed differently on mobile than on desktop. So I have set 2 and show and hide them accordingly. that works so far, but the change of the image size and the height of the gallery are not taken over, no matter what I do. If I change the images in general, the new images are also displayed, but also in the wrong size. What am I doing wrong?

    Settings:
    Bildschirmfoto-2025-07-11-um-12-58-08
    I have also tested image size large 1030 x 1030, but it didn’t work either (on the desktop, but not mobile).

    thanks in advance

    best KiM

    #1486637

    In reply to: Secondary menu

    Hi,

    Thank you for the update.

    Did you add the css code as is? You have to modify it a bit to target the appropriate element.

    Example:

    #top .av_header_transparency #header_meta {
        padding-top: 20px;
        border-bottom: 0;
    }
    
    #top #wrap_all .av_header_transparency .sub_menu > ul #menu-item-21 a {
        border: 2px solid #ffffff;
        border-radius: 2px;
        padding: 9px;
    }
    

    View post on imgur.com

    Best regards,
    Ismael

    #1486631

    In reply to: Secondary menu

    Hey Antonio,

    Thank you for the inquiry.

    The button-style will get applied for the items in the main menu, not for secondary menu items. You may need to manually apply the styles to secondary menu items using the Quick CSS field.

    These are the css rules for the bordered menu item, which can be adjusted based on your requirements.

    #top .av-menu-button > a .avia-menu-text {
        border: 2px solid;
        border-radius: 2px;
    }
    
    #top .av-menu-button > a .avia-menu-text {
        padding: 9px;
    }

    Best regards,
    Ismael

    Hey steviger,

    Thank you for the inquiry.

    You may need to adjust the background-position and right padding a bit. Please try this css code:

    .av_searchform_wrapper {
        border: #2c7d95 1px solid!important;
        border-radius: 40px!important;
        background-image: url('https://www.steviger.nl/wp-content/uploads/2025/07/vergrootglas.webp');
        background-repeat: no-repeat;
        background-position: right 20px center;
        padding-right: 50px;
    }

    To disable the ajax response container, include this:

    #top .ajax_search_response {
        display: none !important;
    }
    

    View post on imgur.com

    Best regards,
    Ismael

    #1486622

    Hey Kevin,

    The update to 7.1.1 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
    You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
    If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
    Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

    Best regards,
    Rikard

    • This reply was modified 4 days ago by Rikard.
    #1486614
    Skytaya2727
    Participant

    Hi,

    Suddenly can’t find my facebook and instagram icon in mobile screen?
    For desktop view, it appears at the top of right corner. (next to menu)
    However, for mobile, I can’t find it.
    Would you help me to show them again?

    #1486604

    So I have an email address in “Autoresponder From E-Mail Address” (same as the delivery email) but the fields “Autoresponder Reply To E-Mail Address”, “Autoresponder Subject” and “Autoresponder Text” are all blank/empty.

    Do I need to delete the address in “Autoresponder From E-Mail Address” to stop the errors?

    #1486603

    Obviously, you have more faith in a moderator than in an experienced participant. There is no danger of trying one of them – and if that doesn’t work, testing the other solution.
    A full-width slider is responsive by default, so there’s no reason to define heights or minimum heights here. Only if the content of the color section gets bigger in height than the height of the background-video (or background-image). See here for example – there a min-height would be nice: https://kriesi.at/themes/enfold-wedding/

    I can’t provide any more proof of this than the video, which shows a screen width of 320px.

    So if you say that you have removed this minimum height from the color section, and have removed this one rule from the quick css; have saved everything, then it can actually only be due to a caching tool or to the Enfold own (merged or minified css) settings that I still see these settings in your source code.

    I’m going to take a break from here.

    Last hint – you can force my results if you place inside your quick css instead:

    #top.home #wrap_all #full_slider_1, 
    #top.home #wrap_all #full_slider_1 .avia-slideshow, 
    #top.home #wrap_all #full_slider_1 .avia-slideshow-inner, 
    #top.home #wrap_all #full_slider_1 .avia-slide-wrap {
      min-height: unset !important;
      height: unset !important;
    }
    steviger
    Participant

    Hi guys,
    A pretty straight forward question. How can I properly right position a background image (icon) with a right padding in the searchbox?
    I’ve done it several times with other projects but after half a day trying, I can’t seem to get it to work this time.
    This is the CSS so far:

    .av_searchform_wrapper {
    border: #2c7d95 1px solid!important;
    border-radius: 40px!important;	
    	background-image: url('https://www.steviger.nl/wp-content/uploads/2025/07/vergrootglas.webp'); 
      background-repeat: no-repeat;
      background-position: right center;
    	padding-right:30px;
    }
    
    #top #s{background:#fff!important;}
    

    And, while I’m on it…. How can I hide the Ajax search response because this no longer works

    #top #searchform .ajax_search_response, .ajax_load {
    display: none !important;
    } 

    Thanks in advance!

    Regards,
    Steven

    #1486589

    Hi @guenni007,

    Thanks for your assistance.

    I have added your custom CSS and applied the class .html5-video to the color-section but I still have black bars top and bottom of the video.

    I have also purged the caches.

    Hopefully, you can help me?

    Many thanks in advance,

    Ben

    #1486588

    but you have read the instruction:

    this is the content of my code-block element inside a color-section
    custom class on that color-section is: html5-video

    the css code isn’t all needed if you do not want to have an overlay over the video ( other enfold elements )
    this is then sufficient:

    #top .html5-video .responsive-video {
      width: 100%;
      height: auto;
      display: block;
    }
    
    .responsive #top #wrap_all .html5-video .container {
      max-width: 100% !important;
      width: 100%;
      padding: 0;
    }
    
    #top .html5-video .content {
      padding: 0;
    }

    But i will make a color-section solution with background video and the needed css for you now

    btw. i optimized those rules a little – and you do not need to shrink the menu items font-size – because it breaks to burger menu earlier.

    So : better remove all the code from above – and insert instead:

    
    #top #header .av-main-nav > li > a {
      font-size: 16px !important;
      padding: 0 12px !important;
    }
    
    @media only screen and (min-width: 1430px) {
      #header #header_main {
        width: 1430px;
        margin: 0 auto;
      }
    }
    
    @media only screen and (min-width: 990px) {
      #header #header_main {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
      }
      #header #header_main > * {
        flex: 1 1 auto;
        align-self: center;
        width: unset;
      }
      #header #header_main .av-logo-container {
        flex-basis: calc(100% - 170px);
        flex-grow: 1;
        order: 1;
        max-width: unset;
      }
      #header #header_main .widget {
        margin-right: 50px;
        flex-grow: 0;
        flex-basis: 120px !important;
        order: 2;
        display: flex;
        justify-content: center;
      }
      #header #header_main #header_main_alternate {
        flex-basis: 100%;
        order: 3;
        border-top: none;
      }
    }
    
    @media only screen and (max-width: 989px) {
      #header #header_main {
        display: flex;
        flex-flow: wrap column-reverse;
      }
      #header #header_main .widget {
        margin-top: 0px;
        padding: 10px 0 !important;
      }
       #header_main .av-logo-container {
        height: 150px !important;
      }
      #header_main .inner-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 150px;
      }
      #header_main .inner-container > * {
        align-self: center;
      }
    
      #header_main .inner-container .main_menu {
        display: flex !important;
        align-items: center;
      }
      #header_main .inner-container .avia-standard-logo {
        width: 215px
      }
      #header_main .inner-container .main_menu .social_bookmarks  {
        top: 0;
        margin-top: 0 !important;
      }
    }
    
    @media only screen and (max-width: 767px) {
      .responsive #top #wrap_all .main_menu {
        position: relative !important;
      }
    }

    Hi,

    Thank you for the screenshot. You could try applying a minimum height to the grid content to keep them aligned and eliminate the blank space.

    #top .grid-content {
        min-height: 124px;
    }

    Adjust the min-height value as needed.

    Best regards,
    Ismael

    #1486564

    In reply to: Header Button

    Hey cnpetr,

    Thank you for the inquiry.

    Unfortunately, it’s not possible to move the widget inside the burger menu. You may need to create a dedicated menu item for the “Request a Consultation” button in the main menu, hide it on desktop, and display it only on mobile view using css.

    Best regards,
    Ismael

    #1486558

    Hi,

    Thank you for the info.

    We edited the Quick CSS field and adjusted the selector in the css rule. Please purge the cache before checking.

    #top #wrap_all .main_color .button, .main_color #submit, #top #wrap_all .contact-form :is([type=submit], button:not([type=reset]))
    

    View post on imgur.com

    Best regards,
    Ismael

Viewing 30 results - 1 through 30 (of 141,821 total)