Hey Eleina_Shinn,

Please add this on Quick CSS, located in Enfold > General Styling > Quick CSS:

#top #wrap_all .slideshow_caption h2.avia-caption-title {
    width: 100%;
    max-width: 820px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.caption_framed .slideshow_caption .avia-caption-content p {
    width: 80%;
    max-width: 820px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: rgba(255,255,255,0.7);
}

Hope it helps.

Best regards,
Nikko

Hey Christian Wußmann,

Can you give us the shortcode located at the bottom of the content? you can post it on https://pastebin.com/ (or dropbox) and paste the link in private content.

Best regards,
Nikko

Hi acscreativenew,

I think the issue is the get_the_content since it fetches shortcodes as well, try using get_the_excerpt function though you will need to add content in the excerpt field.
Hope this helps.

Best regards,
Nikko

Hi acscreativenew,

Thanks for giving us admin access.
This code in your child theme’s functions.php file is causing the issue:

function improved_trim_excerpt($text) {
	global $post;
	if ( '' == $text ) {
		$text = get_the_content('');
		$text = apply_filters('the_content', $text);
		$text = str_replace('\]\]\>', ']]>', $text);
		$text = preg_replace('@<script[^>]*?>.*?</script>@si', '', $text);
		$text = strip_tags($text, '<p><br><b><a><em><strong>');
		$excerpt_length = 80;
		$words = explode(' ', $text, $excerpt_length + 1);
		if (count($words)> $excerpt_length) {
			array_pop($words);
			array_push($words, '[...]');
			$text = implode(' ', $words);
		}
	}
	return $text;
}

remove_filter('get_the_excerpt', 'wp_trim_excerpt');
add_filter('get_the_excerpt', 'improved_trim_excerpt');

I have commented the code and it seems to have fixed the issue, please review the site.

Best regards,
Nikko

Hi grassifrancesca,

I’m happy to hear that :)
It’s also a great workaround without the need of using CSS.
Thanks for sharing the solution that you’ve made and thanks as well for using Enfold :)
Have a great day!

Best regards,
Nikko

Hi julhobart,

Yes, your code is correct.

Best regards,
Nikko

Hi Veronika,

Please add this CSS code in Quick CSS:

#top .avia-content-slider .slide-content .entry-content-header {
    display: flex;
    flex-direction: column-reverse;
}

#top .avia-content-slider .slide-content .entry-content-header .slide-entry-title {
    padding-top: 0;
}

#top .avia-content-slider .slide-content .entry-content-header .blog-categories {
    top: 0;
}

Hope it helps.

Best regards,
Nikko

Hi envis,

Yes, please replace this code:

function add_brand_woocommerce_before_shop_loop() {
	echo do_shortcode('[product_brand width="128px" height="128px" class="alignleft"]');
}

with:

function add_brand_woocommerce_before_shop_loop() {
	global $wp_query;
	$brand_id = $wp_query->get_queried_object()->term_id;
	$thumbnail_id = WC_Brands::get_term_meta( $brand_id, 'thumbnail_id', true );
	if ( $thumbnail_id ) {
		$thumb_src = wp_get_attachment_image_src( $thumbnail_id, $size );
		echo "<img src=\"{$thumb_src[0]}\" width=\"{$thumb_src[1]}\" height=\"{$thumb_src[2]}\" />";
	}
}

Best regards,
Nikko

Hi envis,

Please replace this part of the code:

add_action( 'woocommerce_before_shop_loop', 'add_brand_woocommerce_before_shop_loop', 19 );

to:

add_action( 'woocommerce_before_shop_loop', 'add_brand_woocommerce_before_shop_loop', 5 );

Best regards,
Nikko

Hi Gerben,

Thanks, please try adding this code in your child theme’s functions.php:

add_action( 'woocommerce_before_shop_loop', 'add_brand_woocommerce_before_shop_loop', 19 );

function add_brand_woocommerce_before_shop_loop() {
	echo do_shortcode('[product_brand width="128px" height="128px" class="alignleft"]');
}

Hope it helps.

Best regards,
Nikko

Hi macman79,

Grid Row should show under Layout Elements, then just add a new cell so it’s 3 columns.

Best regards,
Nikko

Hi Ostsys,

Category pages should have this class on them .category-name, for example category with name of news should be using this class:

.category-news

so you should be able to add this code inside your jquery code:

$(".category-news .more-link").text("Go to News");

Hope it helps.

Best regards,
Nikko

Hi macman79,

You’ll need to add it in Enfold > General Styling > Quick CSS as well.
As for the 3 boxes that fills the whole width of the screen, use Grid Row.

Best regards,
Nikko

Hi sitibus,

Since screens and devices come in different sizes and resolutions the answer would be different in each size, so it’s hard to answer that question unless you want to target a specific size of the screen.
The fullscreen slider only adapts to the size of the screen and adjusts the image so it fits the whole screen even though some sides may be cropped, on my screen (I think it’s a common size) 1619 x 961px is the best size to use.

Best regards,
Nikko

Hi macman79,

1. Please add this CSS code in Enfold > General Styling > Quick CSS (this will affect all fullscreen sliders):

.avia-fullscreen-slider .avia-slideshow {
    max-height: 70vh;
}

Just adjust the value (70vh means 70% of the screen height).

2. The height seems to be set to 70px in its setting, please remove it and it should fix it on mobile.

As for the fallback image not to show before the video starts, please add this CSS code:

@media only screen and (min-width:1200px) {
  .avia-fullscreen-slider .avia-slide-wrap {
    background-image: none !important;
  }
}

Best regards,
Nikko