Hi,

Thank you for the update.

1.) The selector would be “#top .avia-image-container.customclass .avia-image-container-inner img” since the custom class is applied to the parent container.

2.) Set the margin to “0 auto” to align the image to the center.

#top .avia-image-container.customclass .avia-image-container-inner img { 
    margin: 0 auto; 
}

View post on imgur.com

Best regards,
Ismael

Hey Christian,
Where are you trying to upload fontawesome?
Typically you do not upload fontawesome, it is not compatible with the theme font manager and will not show in the ALB icons.
So you need to sign up here to get your “Kit”
Then you will get a code like this to put in your header: <script src="https://kit.fontawesome.com/244e4f20aaa.js" crossorigin="anonymous"></script>
add it to the end of your child theme functions.php file in Appearance ▸ Editor in this function:

function Font_Awesome_7(){
?>
<script src="https://kit.fontawesome.com/244e4f20aaa.js" crossorigin="anonymous"></script>
<?php
}
add_action('wp_head', 'Font_Awesome_7');

be sure to change the link to yours.
Then choose your icon and make sure that you add a size to the icon code, for example <i class="fas fa-mug-hot fa-10x"></i>
and add it to your page.

See this documentation:
https://docs.fontawesome.com/

Note they also have a plugin, I have not tried it, see: https://docs.fontawesome.com/web/use-with/wordpress

Best regards,
Mike

Hey jnightingale,

Thank you for the inquiry.

You can adjust the caption font size in the Styling > Image Caption panel. Please check the screenshot below:

Let us know if you need more info.

Best regards,
Ismael

Hi,

Thank you for the update.

Regarding the logo, you can use the avf_logo filter to display a different logo image on specific pages

function av_change_logo($logo) {
    if (is_page(9)) {
        $logo = 'http://kriesi.at/wp-content/themes/kriesi/images/logo.png';
    }
    return $logo;
}

add_filter('avf_logo', 'av_change_logo');

— https://developer.wordpress.org/reference/functions/is_page/

If you have more questions, please feel free to open another thread: https://kriesi.at/support/forum/enfold/#new-post

Best regards,
Ismael

Hey lauragale2020,

Thank you for the inquiry.

Since the sizes of the images and the button element are the same, and only the content or the Special Heading element varies in height, try applying a Custom CSS Class to the Special Heading elements, then set a minimum height using custom css.

Example without a custom css class:

#top .av-special-heading {
    min-height: 95px;
}

Let us know if you need more info.

Best regards,
Ismael

Hey amollde,

Thank you for the inquiry.

Have you tried uploading the pub name or text as an image? You can create an image file using any image editor, such as Photoshop. Add the pub name as text, save the file as a PNG with a transparent or white background, then upload it as a logo in Enfold > Theme Options. Let us know the result.

Best regards,
Ismael

Hi,
Try adding a custom class to the image element in the advanced tab > developer settings > custom class

then adjust the css to suit, you can add a custom class to each image and add new css for each one.

Best regards,
Mike

Hi,
I checked both pages in Firefox and the portfolio images show for me.
I don’t know why you are not seeing them, perhaps it is a cache issue.

Best regards,
Mike

Hey sky19er,
The Contact Form element doesn’t support MailChimp, you can use the MailChimp Signup element, or the Enfold MailChimp Newsletter widget.

Best regards,
Mike

Hey solf,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#av-layout-grid-1 .avia-image-container .avia-image-container-inner img {
	height: 100%;
	width: 100% !important;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Taha,
Thanks for your patience, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter('avf_modify_thumb_size', 'custom_modified_thumb_sizes', 10, 1);
function custom_modified_thumb_sizes(array $sizes) {
    $sizes['tab_thumb'] = array('width' => 260, 'height' => 80, 'crop' => true);
    return $sizes;
}

then upload a new image, then add your image to the image element:

then go to the style tab and select the new size:

the backend may show the full uncropped image, but the frontend will show the new image size.
After testing, if you want all of your images to have this new size, install the Regenerate Thumbnails plugin and run it.
Since your new size won’t work will for most images changing 'crop' => true); in the code to 'crop' => false); won’t help, unless you are uploading a image that is already 260×80, or a multiple of that aspect ratio without cropping.
For example, this image was a very large image, and after Regenerate Thumbnails it shows the in the new size:

Best regards,
Mike

Hey Munford,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.slide-entry a.slide-image img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

.slide-entry a.slide-image:hover img {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}

#top .slide-entry .slide-content h3 a {
	color: #000;
}
#top .slide-entry .slide-content h3:hover a {
	color: #fff !important;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey psyvaleriepiloti,

Thanks for the login details. We activated debug mode under Enfold->Layout Builder->Show advanced options and copied the content shortcodes in for you. Please note that the demo settings and images are not included. Please review your site.

Best regards,
Rikard