Hey!

I think you have to purge the plugin cache. Also, it looks like the site is subscribed to MAXCDN. Purge the cache there. You can update the theme files via FTP: http://kriesi.at/documentation/enfold/portfolio-item/update-theme-files-with-ftp/

Cheers!
Ismael

Hi!

1.) You can follow the solution provided here: https://kriesi.at/support/topic/best-way-to-add-image-sizes/#post-351286

2.) Add this to the child theme’s functions.php:

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths)
{
$template_url = get_stylesheet_directory();
array_unshift($paths, $template_url.'/shortcodes/');

return $paths;
}

Create a folder called shortcodes. Place the modified shortcode file inside.

Best regards,
Ismael

Hi rpl_admin!

Thank you for using Enfold.

Logo looks fine on screens less than 768px except for the vertical alignment which you can fix by using this on the Quick CSS field:

@media only screen and (max-width: 767px) {
.responsive .logo a {
position: relative;
top: 0;
}}

Cheers!
Ismael

Hey!

We didn’t change the last color section id so that you can compare them. Looks like Rikard changed it for you.

Cheers!
Ismael

Hey!

That is possible but it will require a custom modification. Edit config-templatebuilder > avia-shortcodes > masonry_entries.php. Look for this code:

$items .=		"<figure class='av-inner-masonry main_color'>";
				$items .= 			$bg;
				
				//title and excerpt
				if($this->atts['caption_elements'] != 'none' || !empty($text_add))
				{
					$items .=	"<figcaption class='av-inner-masonry-content site-background'><div class='av-inner-masonry-content-pos'><div class='avia-arrow'></div>".$text_before;
					
					if(strpos($this->atts['caption_elements'], 'title') !== false){
                        $markup = avia_markup_helper(array('context' => 'entry_title','echo'=>false, 'id'=>$entry['ID'], 'custom_markup'=>$this->atts['custom_markup']));
						$items .=	"<h3 class='av-masonry-entry-title entry-title' {$markup}>{$the_title}</h3>";
					}

					if(strpos($this->atts['caption_elements'], 'excerpt') !== false && !empty($content)){
                        $markup = avia_markup_helper(array('context' => 'entry_content','echo'=>false, 'id'=>$entry['ID'], 'custom_markup'=>$this->atts['custom_markup']));
						$items .=	"<div class='av-masonry-entry-content entry-content' {$markup}>{$content}</div>";
					}
					$items .=	$text_after."</div></figcaption>";
				}
				$items .= 		"</figure>";

Replace it with:

$items .=		"<figure class='av-inner-masonry main_color'>";
				$items .= 			$bg;
				
				
				$items .= 		"</figure>";
				//title and excerpt
				if($this->atts['caption_elements'] != 'none' || !empty($text_add))
				{
					$items .=	"<figcaption class='av-inner-masonry-content site-background'><div class='av-inner-masonry-content-pos'><div class='avia-arrow'></div>".$text_before;
					
					if(strpos($this->atts['caption_elements'], 'title') !== false){
                        $markup = avia_markup_helper(array('context' => 'entry_title','echo'=>false, 'id'=>$entry['ID'], 'custom_markup'=>$this->atts['custom_markup']));
						$items .=	"<h3 class='av-masonry-entry-title entry-title' {$markup}>{$the_title}</h3>";
					}

					if(strpos($this->atts['caption_elements'], 'excerpt') !== false && !empty($content)){
                        $markup = avia_markup_helper(array('context' => 'entry_content','echo'=>false, 'id'=>$entry['ID'], 'custom_markup'=>$this->atts['custom_markup']));
						$items .=	"<div class='av-masonry-entry-content entry-content' {$markup}>{$content}</div>";
					}
					$items .=	$text_after."</div></figcaption>";
				}

Add this to the Quick CSS field:

.av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content {
position: relative;
}

Masonry items may not align correctly when excerpt is activated.

Best regards,
Ismael

Hey!

Enclose the content inside a unique div container. Add a custom css class. For example:

<div class="hide-mobile"><p class="condensedlines">Centina is the culmination of a family run business that has been operating in the South Australian construction industry since 2007.</p>
<p class="condensedlines">Our vision is to become the company of choice in the South Australian construction market by delivering a multifaceted approach to construction and development. We understand that project delivery on time, on budget and to the highest quality standard is crucial to all clients and we aim to deliver on these critical areas to ensure a successful project.</p>
<p class="condensedlines">Our values are simple- trust, quality honesty and craft. We deliver these values everyday through our work and in person.</p></div>

We added the <div class=”hide-mobile”> container. Now, add this to the Quick CSS field to hide the content:

@media only screen and (max-width: 767px) {
.hide-mobile { display: none; }
}

Cheers!
Ismael

Hey willymagee!

Thank you for using Enfold.

Those are the Catalogue Element available inside the Advance Layout Builder.

Cheers!
Ismael

Hey Cevik_Kuersad!

Thank you for using Enfold.

Unfortunately, it will not work for default pages. You need to modify the avia_post_nav function located on functions-enfold.php file.

Regards,
Ismael

Hi!

There should be no other lightbox other than the theme’s default MPP lightbox. Did you install any lightbox plugin?

Best regards,
Ismael

Hey!

Alright. Congratulations on the new site! :)

This thread might help fix the error: https://kriesi.at/support/topic/problem-with-google-maps-in-enfold-theme/

Cheers!
Ismael

Hi!

I think it’s because of this modification which changes the bottom padding of the current menu item from the default 5px to 7px :

.widget_nav_menu ul:first-child>.current-menu-item>a, .widget_nav_menu ul:first-child>.current_page_item>a {
border: none;
padding: 6px 7px 7px 0;
}

Regards,
Ismael

Hey!

You can try this on functions.php to hide the logo on scroll:

add_action('wp_footer', 'ava_scroll_hide_logo');
function ava_scroll_hide_logo(){
?>
<script>
(function($){
		var calc_scroll = function() {
			var header = $('#header').height(),
			    scroll = $(window).scrollTop();
				if(scroll >= header) {
					$('.logo').css('display', 'none');
				} else {
					$('.logo').css('display', 'block');
				}
		}

		$(window).scroll(function() {
			calc_scroll();
		});
})(jQuery);
</script>
<?php
}

Best regards,
Ismael

Hi!

Replace the star rating modification with this:

.entry-summary .woocommerce-product-rating .star-rating {
top: 15px;
position: relative;
}

Best regards,
Ismael

Hi!

Unfortunately, if I am not mistaken, flash objects won’t work on iPhone or any apple products. Did you test it on an iPhone or iPad? http://www.iphonefaq.org/archives/9730

Try to generate a video shortcode by using the shortcode wand or use the new youtube iframe embed code.

Best regards,
Ismael

Hey!

If you want a random slider, use the advance layer slider. Set the Slider Settings > Slideshow > Starting slide options to “random”. I’m not sure why you’re getting the error though. Have you tried it on a different browser?

Regards,
Ismael