Forum Replies Created

Viewing 30 posts - 7,621 through 7,650 (of 67,463 total)
  • Author
    Posts
  • in reply to: Masonry overlay effect on mobile without hover #1418116

    Hey Xiscoj,

    Thank you for the inquiry.

    The following css code should re-enable the masonry caption overlay on mobile view.

    
    @media only screen and (max-width: 768px) {
    
      /* Add your Desktop Styles here */
      #top .av-caption-style-overlay.av-hover-overlay- .av-masonry-item-with-image .av-inner-masonry-content {
        background: rgba(255, 255, 255, 0.5);
      }
    
      .avia_desktop .av-caption-on-hover .av-masonry-item-with-image .av-inner-masonry-content {
        opacity: 1;
      }
    }
    

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

    Best regards,
    Ismael

    in reply to: Footer not displaying correctly #1418115

    Hi,

    Thank you for the update.

    The child theme contains an older version of the header.php file which is probably causing the footer to not display. It lacks the following block of code which is needed to render the footer.

    /**
    	 * Get footer stylings and post overrides
    	 */
    	$the_id = avia_get_the_id(); //use avia get the id instead of default get id. prevents notice on 404 pages
    	$body_layout = avia_get_option( 'color-body_style' );
    	$footer_options = avia_get_option( 'display_widgets_socket', 'all' );
    	$footer_behavior = avia_get_option( 'footer_behavior' );
    	$footer_media = avia_get_option( 'curtains_media' );
    

    Please remove the header.php file from the child theme directory or replace it with the latest version from the parent theme.

    Best regards,
    Ismael

    in reply to: Extremely slow load time #1418114

    Hi,

    Thank you for the update.

    Following the steps outlined in the articles above should significantly enhance the loading speed of your website and enhance its overall crawlability. These optimizations not only ensure that your site loads fast but also make it more search engine-friendly, potentially boosting its visibility and ranking in search results. By following these steps, you’ll be providing a better user experience for your visitors while simultaneously optimizing your site’s performance for search engines.

    Best regards,
    Ismael

    in reply to: Creating individual Sidebars #1418015

    Hi,

    You have to add widgets to the custom widget area, then apply it to your pages by selecting the widget area in the Layout > Sidebar Setting.

    Best regards,
    Ismael

    Hey!

    What is the name of the custom field that you’re using for the event start date? We may need to access the site in order to further check the issue. Please provide the login details in the private field.

    As suggested above, you have to use the query filter and set the orderby parameter to meta_value or meta_value_num. The value of the meta_key should be the name of the start date custom field.

    $query['meta_key'] = 'start_date';	
    $query['orderby'] = 'meta_value_num';
    $query['order'] = 'ASC';
    

    Cheers!
    Ismael

    in reply to: Can’t change h2/h3 tags via advanced styling #1418013

    Hi,

    You can adjust the style of the caption or the slider content with this css code.

    #top .avia-slideshow .av-slideshow-caption {
        font-size: 22px;
        font-family: Copperplate;
    }
    

    Best regards,
    Ismael

    in reply to: Avia Testimonial and image/section responsiveness #1418009

    Hi,

    Are you using the br tag? Seems to work when we tested it on one of the paragraphs.

    
    <p style="font-weight: 400;">It took us a while to chop up your 40-odd tiles into 9 and plant them (+ it felt a bit sad, too, but it was the only way we could afford Zoysia).
    <br> <br> <br>
    But we finished a couple of days ago yay. See photo attached. The first ones we planted last week are already taking root and have visibly started growing a bit <img draggable="false" role="img" class="emoji" alt="🙂" src="https://site.org/images/core/emoji/14.0.0/svg/1f642.svg"></p>
    
    

    We added 3 br tags in the paragraph, right before the sentence “But we finished a couple of days ago yay.”.

    Best regards,
    Ismael

    in reply to: Page goes up behind header #1418005

    Hi,

    Thank you for the inquiry.

    The anchor seems to be working as it should. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

    1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
    2.) Locate the option to upload a file or an image.
    3.) Select the screenshot file from your computer or device and upload it to the platform.
    4.) After the upload is complete, you will be provided with a shareable link or an embed code.
    5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

    Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

    Best regards,
    Ismael

    in reply to: Extremely slow load time #1418001

    Hey sarahhunt,

    Thank you for the inquiry.

    Looks like the site hasn’t been optimized for performance yet. To begin, you should install a caching plugin and compress the images. For more information about speed optimization, please refer to the following threads.

    // https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
    // https://gtmetrix.com/wordpress-optimization-guide.html

    Best regards,
    Ismael

    in reply to: WordPress Templates Drop-Down not visible #1417802

    Hey Jason,

    Thank you for the inquiry.

    Are you using the block editor? Please note that the Templates dropdown is now available in the Summary panel right after the Publish date. The dropdown is no longer included in the Page Attributes panel.

    Best regards,
    Ismael

    in reply to: Creating individual Sidebars #1417800

    Hey Anna_Tewes,

    Thank you for the inquiry.

    Have you tried creating a new widget area (sidebar) in the “Enfold Custom Widget Area” section? You should find a single field for the widget area name and a “Add Widget Area” button.

    Best regards,
    Ismael

    in reply to: categories not showing #1417799

    Hi,

    Great! Good to know that you’ve found the appropriate option. Let us know when if you have more questions.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Split Column #1417798

    Hi,

    Thank you for the inquiry.

    You can adjust the width of the form elements in the Styling panel. Look for the Form Element Width settings and adjust it accordingly.

    Best regards,
    Ismael

    in reply to: How to update LayerSlider, coming with the theme? #1417796

    Hey purepixels,

    Thank you for the inquiry.

    You cannot manually update the integrated version of Layer Slider, unfortunately. You will need to wait for another patch that includes the latest version. Typically, we include it once a stable version becomes available.

    Best regards,
    Ismael

    in reply to: openstreetmap marker not showing #1417795

    Hi,

    Glad to know that you managed to resolve the issue. Let us know if you have more questions.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Navigation mobile menu uppercase #1417794

    Hi,

    Great! Glad to know that the changes are visible now. Please do not hesitate to open another thread should you have further questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Error PHP Upgrade #1417793

    Hi,

    Have you tried checking the functions.php file for the WP_MAX_MEMORY_LIMIT? Please double-check the wp-config.php file as well.

    Best regards,
    Ismael

    in reply to: Increase start point for responsive mode #1417789

    Hey zimbo,

    Thank you for the inquiry.

    You can add this css code to adjust the breakpoint of the header and make sure that it displays the same on relatively smaller screens as it does on tablet view.

    
    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 1150px)
    {
    	.responsive .main_menu ul:first-child > li > a {
    		padding: 0 10px;
    	}
    
    	.responsive #top .header_bg {
    		opacity: 1;
    	}
    
    	.responsive #main .container_wrap:first-child{
    		border-top:none;
    	}
    
    	.responsive .logo{
    		float:left;
    	}
    
    	.responsive .logo img{
    		margin:0;
    	}
    
    	.responsive.html_top_nav_header.html_mobile_menu_tablet #top .social_bookmarks {
    		right: 50px;
    	}
    
    	.responsive.html_top_nav_header.html_mobile_menu_tablet #top #wrap_all #main{
    		padding-top:0;
    	}
    
    	.responsive.js_active .avia_combo_widget .top_tab .tab{
    		font-size: 10px;
    	}
    
    	.responsive.js_active .avia_combo_widget .news-thumb{
    		display:none;
    	}
    
    	.responsive #top #wrap_all .grid-sort-container .av_one_sixth{
    		width:33.3%;
    		margin-bottom: 0;
    	}
    
    	.responsive body.boxed#top,
    	.responsive.html_boxed.html_header_sticky #top #header,
    	.responsive.html_boxed.html_header_transparency #top #header{
    		max-width: 100%;
    	}
    
    	.responsive.html_header_top.html_header_sticky.html_bottom_nav_header.html_mobile_menu_tablet #main{
    		padding-top: 88px;
    	}
    
    	.responsive.html_header_top.html_header_sticky.html_bottom_nav_header.html_top_nav_header.html_mobile_menu_tablet #main{
    		margin-top:0;
    	}
    
    	.responsive #top .av-hide-on-tablet{
    		display:none !important;
    	}
    
    	/*new menu*/
    	.responsive.html_mobile_menu_tablet .av-burger-menu-main{
    		display: block;
    	}
    
    	.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu{
    		top:0;
    		left:auto;
    		right:0;
    		display:block;
    	}
    
    	.responsive.html_logo_right #top #wrap_all .av_mobile_menu_tablet .main_menu{
    		top:0;
    		left:0;
    		right:auto;
    	}
    
    	.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item{
    		display:none;
    	}
    
    	.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special{
    		display:block;
    	}
    
    	.responsive #top #wrap_all .av_mobile_menu_tablet .menu-item-search-dropdown > a {
    		font-size: 24px;
    	}
    
    	.responsive #top .av_mobile_menu_tablet #header_main_alternate{
    		display:none;
    	}
    
    	.responsive.html_mobile_menu_tablet #top #wrap_all #header {
    		position: relative;
    		width:100%;
    		float:none;
    		height:auto;
    		margin:0 !important;
    		opacity: 1;
    		min-height:0;
    	}
    
    	.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks{
    		display:none;
    	}
    
    	.responsive.html_mobile_menu_tablet #top .av-logo-container .social_bookmarks{
    		display:none
    	}
    
    	.responsive.html_mobile_menu_tablet #top .av-logo-container .main_menu .social_bookmarks{
    		display:block;
    		position: relative;
    		margin-top: -15px;
    		right:0;
    	}
    
    	.responsive.html_logo_center.html_bottom_nav_header .av_mobile_menu_tablet .avia-menu.av_menu_icon_beside{
    		height:100%;
    	}
    
    	.responsive.html_mobile_menu_tablet #top #wrap_all .menu-item-search-dropdown > a {
    		font-size: 24px;
    	}
    
    	.responsive.html_mobile_menu_tablet #top #main .av-logo-container .main_menu{
    		display:block;
    	}
    
    	.responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main{
    		padding-top: 88px;
    	}
    
    	.responsive.html_mobile_menu_tablet.html_header_top #top #main {
    		padding-top: 0 !important;
    		margin: 0;
    	}
    
    	.responsive.html_mobile_menu_tablet.html_top_nav_header.html_header_sticky #top #wrap_all #main{
    		padding-top:0;
    	}
    
    	.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu  .av-main-nav > li > a,
    	.responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
    		height:90px;
    		line-height:90px;
    	}
    
    	.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu  .av-main-nav > li > a{
    		min-width: 0;
    		padding:0 0 0 20px;
    		margin:0;
    		border-style: none;
    		border-width: 0;
    	}
    
    	.responsive.html_mobile_menu_tablet #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{
    		border-right-style: solid;
    		border-right-width: 1px;
    		padding-right: 25px;
    	}
    
    	.responsive.html_mobile_menu_tablet #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{
    		background:transparent;
    		color: inherit;
    	}
    
    	.responsive.html_mobile_menu_tablet.html_top_nav_header .av-logo-container .inner-container{
    		overflow: visible;
    	}
    
    }

    Best regards,
    Ismael

    in reply to: Decocations for active menu items #1417786

    Hi,

    Thank you for the clarification.

    We adjusted the css code a bit.

    #top .av-subnav-menu > li.current-menu-item a {
        font-weight: bold;
        font-size: 1em;
        color: #3a4f77;
    }
    

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings. By disabling the file compression settings, you will be able to make the necessary adjustments and updates without any conflicts. Once you have made the required modifications, you can re-enable the file compression settings to optimize the performance of your website.

    Best regards,
    Ismael

    in reply to: Subnavigation — strange behaviour #1417785

    Hey Corina,

    Thank you for the inquiry.

    It works correctly when we removed this css code.

    #top #header.av_minimal_header .main_menu ul:first-child > li > ul, #top #header.av_minimal_header .main_menu .avia_mega_div > .sub-menu {
        border-top: none;
        margin-top: 10px !important;
    }
    

    This creates a 10px gap to the hover area causing the submenu to disappear right before you can access it.

    Best regards,
    Ismael

    in reply to: Portfolio Grid does not appear …? #1417781

    Hi,

    Thank you for the update.

    We’ve noticed that there is a copy of the header.php file in the child theme directory. Did you update this file after updating the theme? Have you tried disabling it temporarily?

    We are also getting errors from the karte.js file. Do you have any idea what this file or script does?

    Best regards,
    Ismael

    in reply to: Word press editor not supported #1417776

    Hi,

    Advance Layout Builder (ALB) is the default page or layout builder of the Enfold theme. Please check the documentation below for more info.

    // https://kriesi.at/documentation/enfold/intro-to-layout-builder/#build-a-web-page-with-advanced-layout-builder

    Best regards,
    Ismael

    in reply to: Preload fonts #1417775

    Hi,

    No problem. Glad to know that the solution improved the overall score of the site. Let us know when you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

    Hi,

    I now manually added the links in the German WordPress version of the page, but this is not the ideal solution. Especially if we are using the WPML translation editor.

    This is actually the same solution suggested in the previous thread. the translation has to be done manually if the fields are not available in the translation editor.

    Best regards,
    Ismael

    in reply to: Style elements in HTML #1417773

    Hi,

    Glad to know that the issue has been resolved. Please feel free to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Avia Testimonial and image/section responsiveness #1417772

    Hi,

    The width of the images is defined as an inline style, which is why they don’t respond correctly to their container. You have to remove the style attribute from the attachment markup.

    This is the markup of the image in the “Little Village Early Learning” entry for example:

    
    <div id="attachment_398" style="width: 310px" class="wp-caption alignnone"><img aria-describedby="caption-attachment-398" decoding="async" class="wp-image-398 size-medium jetpack-lazy-image jetpack-lazy-image--handled" src="https://site.com/wp-content/uploads/2017/05/IMG_0928-768x402.jpg?resize=300%2C157&ssl=1" alt="" width="300" height="157" data-recalc-dims="1" sizes="(max-width: 300px) 100vw, 300px" data-recalc-dims="1"  /></noscript>
    <p id="caption-attachment-398" class="wp-caption-text">Dichondra repens in between paving at a childcare centre.</p>
    
    </div>
    

    Best regards,
    Ismael

    Hey Corina,

    Thank you for the inquiry.

    You may need to manually translate the custom fields of the translated images using the translation editor or adjust the value of the field in the Media > Library panel. Please check the documentation below for more info.

    // https://wpml.org/documentation/getting-started-guide/translating-custom-fields/

    The following thread should also help.

    // https://kriesi.at/support/topic/masonry-gallery-individual-custom-link-in-wpml/#post-949920

    Best regards,
    Ismael

    in reply to: Wrong Footer Content Shown #1417642

    Hi,

    Great! Glad to know that the issue has been resolved. Please do not hesitate to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

    Hey gatehealing,

    Thank you for the inquiry.

    Adding the following css code should disable the featured image link or pointer events.

    #top .big-preview a, #top .big-preview {
        pointer-events: none;
    }

    Best regards,
    Ismael

    Hi,

    Thank you for the inquiry.

    You can add this css code to adjust the style of the phone number text widget in the header.

    .responsive #top #header #header_main .inner-container .widget>div {
        color: #ffffff;
        font-size: 30px;
    }
    

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

Viewing 30 posts - 7,621 through 7,650 (of 67,463 total)