Icon (Content Element) not aligning when captions are too long

Hey Gabriel,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Yigit

Hi,

I edited 7th and 10th icon on second icon group, gave them custom CSS classes and then added following code to Quick CSS

.page-id-7230 .av_font_icon {
    width: 15%;
}
.seventh-icon { clear: both; } 
@media only screen and (max-width: 768px) {
.page-id-7230 .av_font_icon {
    width: 32.05%;
}
.tenth-icon { clear: both; }
}

Please review your website :)

Best regards,
Yigit

Hi,

The modification above is specific for that page because @yigit used the selector (.page-id-7230) which is the unique class attribute of the page. I would like to check this but the page above doesn’t exist anymore. Please create a test page so that we can inspect the issue again.

Best regards
Ismael

Hi,

Thank you for the update. Do you really need 7 icons in a row? If not, you can put each icons inside a 1/5 column element. Set the columns row to have the same height.

Best regards,
Ismael

Hi,

It’s possible to create a 1/6 column but you have to modify the config-templatebuilder > avia-shortcodes > columns.php file. Remove everything and replace it with the following code.

// https://pastebin.com/c9fmPhP4

Add this code in the functions.php file.

add_action( 'admin_head', 'ava_custom_admin_style' );
function ava_custom_admin_style() {
	$output  = '<style type="text/css">';
	$output .= '.avia_layout_builder .av_one_sixth{width:14%;}';
	$output .= '</style>';
	echo $output;
}

Best regards,
Ismael

Hi,

It’s doable in the child theme but it isn’t “update-proof” because it’s going to override the parent theme’s columns.php file. If you can provide the FTP details, we’ll add it for you.

Best regards,
Ismael

Hi,

Glad Ismael could help! We will keep the thread open and wait to hear from you. In the meantime, this post might be helpful – https://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/

Best regards,
Yigit