Forum Replies Created

Viewing 30 posts - 181 through 210 (of 65,372 total)
  • Author
    Posts
  • in reply to: Add space between Iconbox Icon and Title #1480100

    Hey WorldinColor,

    Thank you for the inquiry.

    You can add this css code to adjust the space between the iconbox icon and title:

    #top .av-m868o6fq-2209228544dca5bbf34baf8f38fdb81c .iconbox .iconbox_content_title {
        margin-top: 50px;
    }

    Best regards,
    Ismael

    in reply to: Setting up two new social profiles under Enfold 7.1 #1480099

    Hi,

    Yes, you’re right. It’s the default icon fonts. Please feel free to open another thread if you have more questions. Have a nice day.

    Best regards,
    Ismael

    in reply to: Sticky element #1480098

    Hi,

    You can try this css code to adjust the display of the header on mobile view:

    @media only screen and (max-width: 767px) {
    
      /* Add your Mobile Styles here */
      .responsive #header_main .container {
        height: 130px !important;
      }
    
      #top .avia_search_element.av-m8j6ucsp-f1ed25db4fcf2e1d4ba1dd7653626aed #s.av-input-field {
        line-height: 33px;
        height: 33px;
        color: #bed028;
        font-size: 14px;
      }
    
      #top #searchform_element {
        margin-bottom: 0;
      }
    
      #top .avia-section.av-m8h8o2m6-a6ff6f0926c56ce5cb244fa93948b320 {
        background-color: transparent;
        background-image: unset;
        margin-top: 5px;
        margin-bottom: 0px;
        position: absolute !important;
        margin-top: 0;
        z-index: 5000;
        margin-top: -40px;
      }
    
      #top .av-main-nav-wrap ul {
        margin: 0;
        padding: 0;
      }
    }

    View post on imgur.com

    Best regards,
    Ismael

    in reply to: Content slider not sliding #1480097

    Hi,

    Sorry for the delay. This is the default transition of the slider and unfortunately, this cannot be adjusted. If you need more control over the initial transition of the slides, you can create sliders using the Layer Slider plugin.

    Best regards,
    Ismael

    Hey ilona-l,

    Thank you for the inquiry.

    We are not yet sure why the slider resizes like that, but to temporarily adjust it, we added this css code:

    #top .av-m8dhdoo2-9be497766191be21636491354eb51ed0 .avia-content-slider-inner {
      max-height: 180px !important;
      overflow: hidden;
    }

    Please make sure to purge the cache before checking.

    Best regards,
    Ismael

    Hi,

    We adjusted the selector in the css rules a bit so they don’t affect the default search bar. Please try it again.

    Best regards,
    Ismael

    in reply to: Enfold Top Socket Phone Info Not Centering #1480093

    Hi,

    The account is still invalid. Please check the info carefully or provide another admin account.

    View post on imgur.com

    Best regards,
    Ismael

    in reply to: Header not full width like attached picture #1480091

    Hey hisdi,

    Thank you for the inquiry.

    You can start with this css code:

    .html_header_top.html_header_sticky #header {
        max-width: 1310px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    #main, .avia-msie-8 .av_header_sticky_disabled#header {
        background-color: #000000;
    }
    
    .html_header_top.html_header_sticky #main {
        padding-top: 0;
    }

    View post on imgur.com

    Best regards,
    Ismael

    in reply to: Styling not showing for all elements after migration #1480089

    Hi,

    Thank you for the update.

    We recommend disabling the cache plugin and compression settings while editing the site. Once you’re done, you can enable these options again. Regarding the other issue, please provide a screenshot using platforms like Savvyify, Imgur, or Dropbox.

    Best regards,
    Ismael

    in reply to: Blog post featured image size #1480088

    Hi,

    Great! Glad we could help. Please don’t hesitate to open another thread if you have more questions. Have a nice day.

    Best regards,
    Ismael

    Hi,

    Where did you add the css? This is how it looks when we apply the code directly in the browser.

    View post on imgur.com

    Best regards,
    Ismael

    in reply to: Layerslider align center #1480085

    Hi,

    Thank you for the update.

    We set the Project Settings > Layout from Fullsize to Responsive to prevent the slider from overflowing and make sure that it automatically resizes relative to the size of the parent boxed container.

    View post on imgur.com

    Best regards,
    Ismael

    in reply to: problem with video on mobile and css on chrome mobile #1480083

    Hi,

    As mentioned above, background videos are disabled on mobile views by default. We are not sure how you managed to keep the slider video on mobile view, but for the other page, you can try this css code:

    .avia_mobile #top .av-section-mobile-video-disabled .av-section-video-bg {
        display: block;
    }

    Best regards,
    Ismael

    in reply to: Heading font weight #1480082

    Hi,

    We are not sure how you managed to select Source Sans Pro because it is not available by default. Which Google font are you trying to select now? If the font is not available in the list, try uploading it to the Custom Type Fonts Manager. Please check the documentation below for more info.

    https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fonts

    Best regards,
    Ismael

    in reply to: Testimonals on mobile #1480081

    Hi,

    We actually moved the arrow below the testimonial container. Please make sure to purge the cache or remove the browser history before checking the page. You can also test it on incognito mode.

    View post on imgur.com

    Best regards,
    Ismael

    Hey northorie,

    Thank you for the inquiry.

    The space is due to the padding of the first cell in the grid row. To hide this space, try using this css code:

    @media only screen and (max-width: 767px) {
    
      /* Add your Mobile Styles here */
      .responsive #top #wrap_all .av-1v2pat2-53d1a210d34319a1e3263b9b4acfe09f .av-1tepg6e-5d320ae52f7edb1070659a131dbdac1d {
        display: none;
      }
    }

    Best regards,
    Ismael

    in reply to: Search icon color #1480079

    Hey studiovene,

    Thank you for the inquiry.

    This issue occurred due to changes in how the theme renders icons. Please add this css code to adjust the color of the search SVG icon:

    .header_color .main_menu ul:first-child > #menu-item-search > a svg:first-child {
        stroke: #ffffff;
        fill: #ffffff;
        color: #ffffff;
        z-index: 10;
    }

    Best regards,
    Ismael

    in reply to: Pricing boxes – align button at bottom of box #1480025

    Hi,

    Thank you for the link.

    Please add this css code to adjust the alignment of the buttons.

    #top .av-otzhdc-f6e6fb6737c9d94574c2e623c4aab5bf .avia-button-wrap {
        position: absolute;
        width: 100%;
        bottom: 0;
    }
    
    #top .av-otzhdc-f6e6fb6737c9d94574c2e623c4aab5bf .flex_column_table .flex_column {
        padding-bottom: 100px;
    }

    View post on imgur.com

    Best regards,
    Ismael

    Hey vera,

    Thank you for the inquiry.

    Please add this css code to change the default color of the Kontakt menu item.

    .header_color .main_menu ul:first-child > li.current_page_item#menu-item-202 > a {
        color: var(--enfold-header-color-meta);
    }

    Best regards,
    Ismael

    in reply to: Heading font weight #1480023

    Hi,

    The font Source Sans Pro is not included in the theme by default, so it was probably added manually. The font weight 900 is also not available as a variant. Make sure to refer to the font page before selecting a font weight, as all font weight variations will be available for selection regardless of the actual variants available for the selected font. You may need to choose a different font from Google.

    https://fonts.google.com/

    Best regards,
    Ismael

    in reply to: Add Event-Date to Portfolio #1480022

    Hi,

    You could add a meta_query parameter to the filter above.

    function custom_sort_by_event_date($query, $params) {
        $query['meta_key'] = 'event_date'; 
        $query['orderby'] = 'meta_value';
        $query['meta_type'] = 'DATE';
        $query['order'] = 'ASC';
    
        $query['meta_query'] = array(
            array(
                'key'     => 'activate',  
                'value'   => '1',       
                'compare' => '='
            )
        );
    
        return $query;
    }
    add_filter('avia_post_grid_query', 'custom_sort_by_event_date', 10, 2);
    

    https://www.advancedcustomfields.com/resources/checkbox/

    Best regards,
    Ismael

    in reply to: Blog post featured image size #1480021

    Hi,

    Try replacing “full” with “featured” (1500x430px), “featured_large” (1500x630px), or “entry_without_sidebar” (1210x430px). These are the default thumbnails registered by the theme.

    Best regards,
    Ismael

    in reply to: Video not playing mobile view #1480020

    Hey lara666,

    Thank you for the inquiry.

    Unfortunately, slider videos are disabled on mobile views by default, so you’ll need to provide a fallback image. If you really need to display the video on mobile view, you can either use the Video element or create a slider using the Layer Slider plugin.

    Best regards,
    Ismael

    in reply to: Related posts ALB and Standard Post #1480018

    Hey Julie,

    Thank you for the inquiry.

    For posts created using the ALB, you’ll need to add the related posts section manually using any of the Posts elements in the builder, such as Blog Posts, Magazine, or Masonry. Select the category the current post belongs to in order to display related items.

    Best regards,
    Ismael

    in reply to: problem with video on mobile and css on chrome mobile #1480017

    Hey Munford,

    Thank you for the inquiry.

    Background videos are disabled on mobile devices by default. You will need to apply a fallback image, which will be displayed in place of the video in mobile view.

    Best regards,
    Ismael

    in reply to: Place excerpt text in a Masonry gallery below the image #1480016

    Hi,

    Thank you for the update.

    You can add this css code to adjust the height of the space reserved for the masonry images:

    .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
        padding-bottom: 160%;
    }

    Best regards,
    Ismael

    Hi,

    Thank you for the clarification.

    Please remove the previous css modifications applied to the search input, then replace them with the following code:

    #top #chsearchbox #searchsubmit, #chsearchbox .ajax_load {
        width: 62px;
        height: 100%;
        line-height: 40px;
        padding: 0;
        position: absolute;
        right: auto;
        top: 0;
        z-index: 2;
        margin: 0;
        border-radius: 0;
        min-width: 40px;
        left: 0;
        background: url('https://riseandshine.childrensnational.org/wp-content/uploads/2017/07/ch-search-icon.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    #chsearchbox #searchform .av_searchform_search.avia-svg-icon {
        display: none;
    }
    
    #chsearchbox #search-3 #s {
        left: 35px;
        content: none;
        width: 85%;
        margin: -32px auto !important;
        padding: 41px;
        border: none!important;
        box-shadow: 0px 5px 15px 0px #cccccc;
        margin-left: 0 !important;
    }

    The search bar should look like this after applying the modification:

    View post on imgur.com

    Best regards,
    Ismael

    in reply to: ACF oEmbed and file not working with Enfold #1480014

    Hi,

    As mentioned above, you will need to create a custom solution for these fields, such as a custom shortcode. Please check the link below for more info.

    https://codex.wordpress.org/Shortcode_API

    To display custom post types in the Blog Posts element, make sure that custom taxonomies are attached to them. Then, set Content > Select Entries > Content To Display to Display entries from a custom taxonomy.

    For this type of customization, you can contact our partner, Codeable.

    https://kriesi.at/contact/customization

    Best regards,
    Ismael

    in reply to: Help with some shop elements #1480013

    Hi,

    It is displaying correctly on our end. Please make sure to purge the cache before checking the page.

    View post on imgur.com

    Best regards,
    Ismael

    in reply to: Testimonals on mobile #1480012

    Hey northorie,

    Thank you for the inquiry.

    The testimonial arrows are visible when we checked. If you need to adjust its position, add this css:

    .responsive #top #wrap_all .av-flex-cells .avia-slideshow-arrows {
        top: -50px;
        position: relative;
    }

    To adjust the space around the container, you can add this css code:

    @media only screen and (max-width: 767px) {
    
      /* Add your Mobile Styles here */
      .responsive #top #wrap_all .av-flex-cells .no_margin.avia-testimonial {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
    }

    Best regards,
    Ismael

Viewing 30 posts - 181 through 210 (of 65,372 total)