Viewing 30 results - 841 through 870 (of 142,928 total)
  • Author
    Search Results
  • #1489823
    clbdcnpafe
    Participant

    Hello.

    We have forgotten how to edit the portion of the top part of our webpage where it reads: “Who Is NPAFE Supporting Right Now?”. It links to a webpage that we have replaced. We thought the code might be in Quick CSS but we don’t see it. Home page link in Private content.

    Where should we go to change the link?

    Many thanks.

    #1489813
    Paloma
    Guest

    Good morning, I currently have a client who has the Enfold theme version 3.0.8 installed on their website. My question is, if we buy the theme with the latest version and install it, will the configuration be maintained or will we have to start from scratch?

    #1489812

    In reply to: .scroll-down-link

    first remove this from your css

    .ti-prev:hover::after, 
    .ti-next:hover::after {
      color: #FFF !important;
      background-color: var(--enfold-header-color-color);
    }

    then:

    #top .ti-widget .ti-controls .ti-next,
    #top .ti-widget .ti-controls .ti-next:after,
    #top .ti-widget .ti-controls .ti-prev:after,
    #top .ti-widget .ti-controls .ti-prev {
      background: none !important;
      border: none !important;
      outline: none !important;
    }
    
    #top .ti-widget .ti-controls .ti-next {
      right: -10px;
    }
    
    #top .ti-widget .ti-controls .ti-prev {
      left: -10px;
    }
    
    #1489810

    or a little more elegant:

    #top #header:not(.header-scrolled-full) #header_main {
      box-shadow: none;
    }
    
    #header_main:before {
      content: "";
      position: absolute;
      left: 0;
      top: calc(var(--enfold-header-height) - 150px);
      width: 100%;
      height: 200px; 
      background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iRHJlaS1MaW5pZW4iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgODAwIDE4MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiAjOTQxMDA5OwogICAgICB9CgogICAgICAuc3QxIHsKICAgICAgICBmaWxsOiAjZWZhNDBiOwogICAgICB9CgogICAgICAuc3QyIHsKICAgICAgICBmaWxsOiAjMDA4MGEyOwogICAgICB9CiAgICA8L3N0eWxlPgoKICA8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjE0Ljg4NSw2My44MzVjLTEwNS4xNzksMjUuNTMxLTI2NC44MDQsNTUuOTY1LTQyNy45NTQsNTUuOTY1LTEwMi4xMjcsMC0xNjAuOTctMTcuODkxLTE4Ni45MzEtMjguNTI5djE0Ljk5MWMyNS45NiwxMC42MzcsODQuODA0LDI4LjUyOSwxODYuOTMxLDI4LjUyOSwxNjMuMTUsMCwzMjIuNzc1LTMwLjQzNCw0MjcuOTU0LTU1Ljk2NSw5NS42MjYtMjMuMjEyLDE2NC43ODItNDYuNjc5LDE4NS4xMTUtNTMuODM1di0xNC45OTFjLTIwLjMzMyw3LjE1NS04OS40ODksMzAuNjIyLTE4NS4xMTUsNTMuODM1WiIvPgogIDxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik02MTQuODg1LDc4LjgyNWMtMTA1LjE3OSwyNS41MzEtMjY0LjgwNCw1NS45NjUtNDI3Ljk1NCw1NS45NjUtMTAyLjEyNywwLTE2MC45Ny0xNy44OTEtMTg2LjkzMS0yOC41Mjl2MTQuOTljMjUuOTYsMTAuNjM3LDg0LjgwNCwyOC41MjksMTg2LjkzMSwyOC41MjksMTYzLjE1LDAsMzIyLjc3NS0zMC40MzQsNDI3Ljk1NC01NS45NjUsOTUuNjI2LTIzLjIxMiwxNjQuNzgyLTQ2LjY3OSwxODUuMTE1LTUzLjgzNXYtMTQuOTljLTIwLjMzMyw3LjE1NS04OS40ODksMzAuNjIyLTE4NS4xMTUsNTMuODM1WiIvPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MDAsMzkuOTgxYy0yMC4zMzMsNy4xNTUtODkuNDg5LDMwLjYyMi0xODUuMTE1LDUzLjgzNS0xMDUuMTc5LDI1LjUzMS0yNjQuODA0LDU1Ljk2NS00MjcuOTU0LDU1Ljk2NS0xMDIuMTI3LDAtMTYwLjk3LTE3Ljg5MS0xODYuOTMxLTI4LjUyOXYxNy4zMjZjMzAuMDc1LDExLjQ0Miw4OS4yMjgsMjcuMjAyLDE4Ni45MzEsMjcuMjAyLDE2NC44MjUsMCwzMjUuODg0LTMwLjcxMiw0MzEuOTcyLTU2LjQ3Niw4OS4wNC0yMS42MjQsMTU1LjM3LTQzLjQ5MiwxODEuMDk4LTUyLjM4MXYtMTYuOTQzWiIvPgo8L3N2Zz4=");
      background-size: 100% 100%;
      transition: opacity 1s ease-in-out;
    }
    
    #top #header.header-scrolled #header_main:before {
      opacity: 0;
    }
    

    svg with more convex look.

    #1489807

    try this
    ( but it looks better if your header does not have shadow )

    use next css code instead

    play with top position – what fits best for you.
    and maybe you set the height of the before pseudo-container to an absolute value ( e.g: height: 120px;) then it will not shrink with the header height.

    #1489800
    bemodesign
    Participant

    I want these similar 3 colored lines at the top of each page. What is the best option to do this so that it looks good on all size screens and mobile view? The lines can be straight also, Just thinking 3 lines somehow.

    RIght now it looks ok, but not on mobile.

    Thanks!

    #1489785
    sky19er
    Participant

    Hey, sorry to ask about a plugin (The Events Calendar), but I’m trying to get the Subscribe to Calendar dropdown at the bottom of https://nlsladev.wpengine.com/services/workshops/ to show in full, without getting cut off at the bottom. I was able to get it to show on desktop by removing the padding in the list items, but it’s still getting cut off on the phone. I tried switching to Twenty Twenty and it looks like opening that drop pushes down whatever content’s below it, so the full dropdown shows. Any idea how I might get the full dropdown to show (even on the phone) in Enfold? Thanks and lmk if you have any questions.

    #1489783

    Here we are again. We updated the theme and now the blog images aren’t working correctly. I added the code you gave me last time to the custom css, but it’s still not working. Here’s what I added:

    #top.single-post .fullsize .template-blog .big-preview img {
    width: 1200px;
    min-height: 630px;
    }

    I tried regenerating thumbnails, but no change.

    Why isn’t this working?

    PhatJ
    Participant

    Hi

    I am having an issue with the Background Video in the colour section.
    When the video finishes, it shows the opening frame.
    how do I get it to stop at the end frame?

    If I add the video in the advanced layerslider, it does not revert to the initial frame.

    I have both examples on the url given

    Thanks in advance for any assistance

    #1489779

    try – and have a look if this fits your needs of “button” look-alike:

    #top .avia-content-slider .slide-entry-wrap {
      display: flex !important;
      flex-flow: row wrap;
      justify-content: space-between;
      gap: 30px;
      
    }
    
    #top .avia-content-slider .slide-entry {
      width: unset;
      flex: 1 1 calc(25% - 30px);
      margin: 0 !important;
      display: flex;
      flex-flow: column wrap;
      background-color: #eee;
      padding: 15px
    }
    
    @media only screen and (max-width:1049px) {
      #top .avia-content-slider .slide-entry {
        flex: 1 1 calc(50% - 30px);
      }
        #top .avia-content-slider .slide-entry a  {
        margin-left: 0;
      }
    }
    
    @media only screen and (max-width:767px) {
      #top .avia-content-slider .slide-entry {
        flex: 1 1 100%;
      }
    }
    
    .slide-content {
      margin-bottom: 60px
    }
    
    .entry-footer {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: auto;
      top: calc(100% - 60px);
      display: flex;
      justify-content:  space-evenly;
      flex-flow: row wrap;
    
    }
    
    .entry-footer a {
      margin-top: 10px;
      display: inline-block;
      padding: 3px 8px;
      transition: all 1s ease;
    }
    
    .entry-footer .read-more-link a {
      background-color: #000;
      color: #FFF !important;
    }
    
    .entry-footer a:hover {
      box-shadow: 0 3px 5px #aaa;
      transform: translateY(-5px) scale(1.03);
    }
    
    .entry-footer .biljetter a {
      background-color: #bf2e11;
      color: #FFF !important;
    }
    
    .entry-footer a path {
      fill: #FFF;
    }

    and check the responsive behaviour aswell.

    #1489774

    so if you only like to link if there are biljetservice links on the images above the titles – then take snippet two from this link

    #1489769

    In reply to: z value

    That sounded good, however. It is not responding, so I am still doing something wrong.

    I called the blue box (column) in Developer Setting – Custom CSS Class: bluebox

    Then I replace the code in CCS under General Styling in Theme Options with:

    .responsive #top #wrap_all .flex_cell.bluebox {
    z-index: 999;
    position: relative;
    overflow: visible;
    }

    But it still is not above.
    See mobile view on this page:
    https://www.valhallaenergies.com/wiig/what-we-do/swivels

    #1489755

    If you look at the link i sent and scroll down a bit i want similar buttons in the top row as the row beneath. I built it wrong from the start. I need the events to be posts in order to use scheduling. https://storasoder.se/nojesteaterntestsida/

    #1489738

    Hi,

    Thank you for the update.

    The text (or the column containing the text) in the “Empecemos” section is animated, as well as the columns and sections above it. Try to save the home page as a template, then create a test page and disable all animations from the top of the page down to the “Empecemos” section. After that, test the page and let us know the result.

    Best regards,
    Ismael

    #1489735

    In reply to: Top Bar – Seperator

    Hey Diana,
    Try this css:

    #top .social_bookmarks li {
        border-right-style: none;
    }

    After applying it please clear your browser cache and check.

    Best regards,
    Mike

    #1489722

    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

    #1489715

    Topic: Top Bar – Seperator

    in forum Enfold
    DianaLoola73
    Participant

    Hello dear Enfold Support Team,

    I am currently working on the redesign of the website http://neu2025.dc-gmbh.com/ and have placed the social media icons in the top bar.
    However, these icons are separated by white vertical divider lines.

    Unfortunately, I couldn’t find any option in the backend or in the advanced CSS settings to remove these lines.
    Could you please help me with how to disable or remove these dividers in the top bar?

    Thank you very much for your support!

    Best regards,
    Diana

    #1489710

    In reply to: z value

    Hey limedrop,

    Thank you for the inquiry.

    Try to adjust the z-index of the cell containing the blue box.

    .responsive #top #wrap_all .flex_cell.av-3rcobvm-8d18db703327afb5e34a99a6bcf02d44 {
        z-index: 999;
        position: relative;
        overflow: visible;
    }

    Screenshot-2025-10-01-at-11-49-14-AM

    Best regards,
    Ismael

    #1489707

    Hi,

    Thanks for the update.

    Try to adjust the values in this css code:

    .page-id-516 li#menu-item-508 .avia-menu-text::after, .page-id-536 li#menu-item-508 .avia-menu-text::after, .page-id-553 li#menu-item-508 .avia-menu-text::after, .page-id-555 li#menu-item-508 .avia-menu-text::after {
        top: 32px;
        height: 2px;
        min-width: 167px;
        left: -10px;
        bottom: -9px;
    }

    Best regards,
    Ismael

    Hi,

    Thank you for the links.

    We added this code to the Quick CSS field.

    #top .woocommerce-order-details .order-again {
        display: none !important;
    }

    Screenshot-2025-10-01-at-11-31-11-AM

    Best regards,
    Ismael

    #1489703

    Hey Tina,
    Try this css:

    @media only screen and (max-width: 767.5px) {
    .responsive #top #header_main .logo img {
        height: 80px !important;
        max-height: 80px !important;
    }
    }

    After applying please clear your browser cache and check.

    Best regards,
    Mike

    #1489701

    Hey jaimemerz,
    For mobile, this css will make your buger menu white before scroll and black when the menu opens, then gray after scroll and gray when open. It will also show your white logo befor scroll, and the black one after scroll. It will also change the special heading line height so it is not behind the burger menu & logo.

    @media only screen and (max-width: 479px) {
        #top #wrap_all .av-special-heading.av-mayes0t2-0bf965b2b1bd5112e17bb591eb31930e .av-special-heading-tag {
            line-height: 35px;
        }
        #top .av_header_transparency .av-hamburger-inner,#top .av_header_transparency .av-hamburger-inner::before, #top .av_header_transparency .av-hamburger-inner::after {
      background-color: #fff !important; 
      }
      #top .av_header_transparency .is-active .av-hamburger-inner,#top .av_header_transparency .is-active .av-hamburger-inner::before, #top .av_header_transparency .is-active .av-hamburger-inner::after {
      background-color: #000 !important; 
      }
      .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo img.alternate {
      	display: block !important;
      }
      .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > img {
      	opacity: 0 !important;
      }
    }

    After applying the css, clear your browser cache & check.

    Best regards,
    Mike

    #1489698
    jaimemerz
    Participant

    I found a few threads that mention this topic however none that I could easily find that addresses my specific issue. I was able to follow the header documentation on how to turn my header transparent on mobile, however what I need is not just the background to be transparent but the whole transparent header to be present on mobile including the hamburger being white and the transparent logo. Right now the logo and hamburger get lost. I love how when you start to scroll the white header appears so I dont’ want to change that, on load I just want it to have the transparent header. Possible?

    • This topic was modified 6 months, 3 weeks ago by jaimemerz.
    #1489696
    webdesignphx
    Participant

    Hi Enfold team,
    I can’t figure this out.
    on this website: https://activedog.org/ when you look at it on your phone. the logo is large at first and then after you scrolled it gets the size I would like it to be.
    Also on desktop I turned of let header adjust to the window size but it looks like its not taking.
    what did I do wrong?
    Thanks
    Tina

    #1489693

    But on my front end it takes me past the start of that same section of “Empecemos”, both on my Apple laptop and iPhone:

    Screenshot Empecemos (Half Way)

    #1489692

    Hey ehcarlson,

    The update to 7.1.2 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

    #1489686

    In reply to: Unable to edit website

    Hey Celeste,

    I see that you are running an old version of the theme, could you try to update to the latest version (7.1.2) to see if that helps please? The update to 7.1.2 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

    #1489685

    In reply to: Version: 4.0.7

    Hey Kern,

    Thanks for reaching out to us. We cannot say if you will have problems after updating to the latest version, since we don’t know what has been added to your child theme. I would suggest that you update the parent first of all, then try to activate the child after to see what happens.

    The update to 7.1.2 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

    #1489683

    Thank you Ismael, but that didn’t change anything.

    Just to be extra clear what the issue is. When viewed on mobile:

    1. first, the margins appear in the correct size
    2. after a second or 2, a Read More line appears underneath each summary, thinning the margins to very narrow
    3. after scrolling down and up, the margins widen to the desired with.

    Ideally, all these steps should happen instanly when loading the page (as it does on the desktop version).

    #1489653

    In reply to: .scroll-down-link

    add to the snippet from above the missing instructions:

    function avia_replace_default_icons($icons){
     $icons['svg__scrolldown'] =  array( 'font' =>'svg_entypo-fontello', 'icon' => 'down-open');
     $icons['svg__prev'] =  array( 'font' =>'svg_entypo-fontello', 'icon' => 'left-open-big');
     $icons['svg__next'] =  array( 'font' =>'svg_entypo-fontello', 'icon' => 'right-open-big');
     return $icons;
    }
    add_filter('avf_default_icons','avia_replace_default_icons', 10, 1);

    after that – we had to see if position had to be adjusted.

Viewing 30 results - 841 through 870 (of 142,928 total)