Fix content slider titles - Support | Kriesi.at

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts

November 22, 2022 at 4:32 am #1373446

On my page https://alexandere103.sg-host.com/, I have a section called “Need Expedited Services?” that is using the content slider.”

How can I fix long titles not to look like the mockup seen here – https://ibb.co/RgtDYj2

I either would like to move the titles below the thumbnail images or align the title text so it always bottom align with the to others so the thumbnail photos always look good.

Thanks

November 22, 2022 at 2:06 pm #1373503

Yigit

Keymaster

Hey,

Please refer to this post – https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb and copy enfold/config-templatebuilder/avia-shortcodes/contentslider/contentslider.php file on your child theme inside /shortcodes/ folder.

Then edit the file on your child theme and find following

				$output .= ! empty( $title ) ? "<{$heading1} class='slide-entry-title entry-title {$css}' {$markup_title}>" : '';
				$output .= ( ! empty( $link ) && ! empty( $title ) ) ? "<a href='{$link}' $blank title='" . esc_attr( $title ) . "'>{$title}</a>" : $title;
				$output .= ! empty( $title ) ? "</{$heading1}>" : '';
				$output .= ! empty( $value['content'] ) ? "<div class='slide-entry-excerpt entry-content' {$markup_content}>" . ShortcodeHelper::avia_apply_autop( ShortcodeHelper::avia_remove_autop( $value['content'] ) ) . '</div>' : '';

and change it to following

				$output .= ! empty( $value['content'] ) ? "<div class='slide-entry-excerpt entry-content' {$markup_content}>" . ShortcodeHelper::avia_apply_autop( ShortcodeHelper::avia_remove_autop( $value['content'] ) ) . '</div>' : '';
				$output .= ! empty( $title ) ? "<{$heading1} class='slide-entry-title entry-title {$css}' {$markup_title}>" : '';
				$output .= ( ! empty( $link ) && ! empty( $title ) ) ? "<a href='{$link}' $blank title='" . esc_attr( $title ) . "'>{$title}</a>" : $title;
				$output .= ! empty( $title ) ? "</{$heading1}>" : '';