Hey MikeTandySwag,
Thanks for the mockup, I recommend using the Masonry Element with the Display Title and Excerpt and Display as centered overlay (overlays the image) selected:

then under styling choose a Large Gap and Perfect Grid:

Then under the Advanced tab ▸ Developer Settigs add the custom class custom-masonry-with-button, note that you do not add the class dot:

For my example I choose to use two columns and only show four posts.
Then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.custom-masonry-with-button .av-masonry-date {
	display: none;
}
#top .custom-masonry-with-button.av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos {
    vertical-align: bottom;
}

Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter('avf_masonry_loop_prepare','avia_change_default_link', 10, 2);
function avia_change_default_link($loop, $entries)
{
	foreach($entries->posts as $key => $entry)
    {
        if($entry->post_type == "post")
        {
            $more 	 		 =  "<br /><span class='custom-masonry-more-button avia-button avia-size-x-large avia-position-center avia-color-light'>".__('Read more','avia_framework')."</span>";
			$loop['content'] =   avia_backend_truncate($entry->post_content, apply_filters( 'avf_masonry_excerpt_length' , 0) , apply_filters( 'avf_masonry_excerpt_delimiter' , ""), "", true, '') . $more;
        }
    }

    return $loop;
}

If you are not using a child theme I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets, for this code you would choose the PHP snippet:

This is the expected results:

Please give this a try.

Best regards,
Mike

Hi,
When I checked your site the blue background color for the “COSMETIC, FAMILY & SPECIALTY DENTISTRY” section and the background image and font size for the “New Patient Offers” only show when I’m logged in. This is due to your caching plugin, WP Rocket, note that the cache settings shows the cache for mobile devices and logged out users:

So your WP Rocket cache needs to be cleared. I did this and checked your site again logged out and incognito and now your sections show correctly.
I checked with Windows in Chrome, Firefox, & Edge and it is showing correctly now, Please note that testing Safari can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
If you find that after making edits to your site you see this issue a again, I recommend disabling your caching plugin until you are done creating your site, often caching causes issues while people are creating the sites, your caching should be activated only after your site is done so you don’t need to fight with it.

Best regards,
Mike

Hey katewoods94,
Thanks for your question, the icons used in the Enfold theme, such as in the icon element, are in a icon-font format and not in a image format that most icons are when you download them.
You can download the icon-fonts from Fontello.com and add them in the theme setting Enfold Theme Options ▸ Import/Export ▸ Iconfont Manager, or you can use icons found elsewhere and convert them into the SVG file type and upload them into Fontello.com and create your own custom icon-fonts. Note that sometimes Fontello can be picky, so here is a way to fix them.
Please note that icon-fonts can not have colors, so if you want to use color icons you should upload the images to your media library and then use css to show the images.
One clever way to do this is to use a built-in icon-font that you would probably never use and then use some css to replace it with your icon image, see this thread.

Best regards,
Mike

Hi,
Thank you for sharing Guenni007 :)

Best regards,
Mike

Hi,

Try checking out the plugin as it allows you to customize the options

Best regards,
Mike

Hi,
Would you be doing this on the same server or a different server? As you recall I copied you page using the Avia Layout Builder Debugger so the page shortcode for the single page could be copied.
You could easily test using this method, try creating a new WordPress install on a test subdomain, install Enfold and then copy the one page by Enabling the Avia Layout Builder Debugger and check if the error occurs, if it does and it’s the same server, try the same steps on a different server and check again.
I restored my precious test page of your page if you want to review again.

Best regards,
Mike

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

#top .av_header_transparency.av_alternate_logo_active .logo {
    height: 90px;
    width: 190px;
    padding-top: 0;
}

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

Best regards,
Mike

Hi,
Sorry we were not more help, I do not know what could be causing this. Are you using a object-oriented cache such as Memcached, Redis, Varnish, Litespeed, etc?
If so try disabling this and check again.
Unfortunately we were not able to reproduce this on our test site, and you site still does this with all of your plugins disable and no custom code in your child theme functions.php
So it is very strange. We will keep this thread open should we or you having any ideas.

Best regards,
Mike

Hi,
Please note in our documentation Custom Elements Advanced Options about the opton: Custom Elements For Subitems which by default is set to All sub-items use the same custom element template for button rows you will want to change this to Individually select subitem custom element templates
Please scroll down to this part of the documentation for Button Rows and review.
I have done this for you on your test page:

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
That is strange… I see that you are using a plugin called Co-Authors Plus with the description:
Allows multiple authors to be assigned to a post.

This plugin is what allows you to add co-authors to posts.
We are limited to support for third-party plugins, but I tested this plugin on my test site and tested a code snippet that the plugin recommends to show all authors:

add_filter( 'the_author_posts_link', function( $markup ) {
	if ( ! function_exists( 'coauthors_posts_links' ) ) {
		return $markup;
	}

	ob_start();
	coauthors_posts_links();
	$output = ob_get_contents();
	ob_end_clean();
	return $output;
} );

And it changed the default single author name and link to show the co-author also:

If you are not going to use a child theme on your site, I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets for your customizations.
Try adding the above snippet in a new WP Code snippet and ensure that you use the PHP Snippet option:

Best regards,
Mike

Hi,
It looks like your lightbox plugin is not recognizing the class for the masonry image, but above it looks like you added all of the correct classes.
I tried to login and check the classes but you have F2A enabled so I couldn’t, please disable so we can examine closer.

Best regards,
Mike

Hi,
Thank you for your patience and explaining further with the screenshot, the error seems to come from a line of numbers in the first tab:
29.06./30.06./31.08./01.09./05.10./06.10./16.11./17.11.2024
on the mobile screen size this line is not wrapping so the first tab section is stretching into the second tab, please see the screenshot in the Private Content area.
I believe the reason for this is that there are no spaces in the line, so there is no natural place for a line break and wrap the text.
Please add a space somewhere in the line, perhaps after each date.

Best regards,
Mike

Hi,
If you disable your caching plugin does the css above work for the width of the blog?

Best regards,
Mike

Hi,
I checked your live site and all of the Change WordPress Defaults: options are there correctly, so this missing option error is only in the staging site.
But earlier when I tested your live site menu to match my test site, you live site didn’t work correctly, at that time I thought that it could be due to a plugin, which is why we were testing with a staging site.
But now I’m not sure, do you want to try creating the staging site again, or can we put your live site into maintenance and test it?
Do you have another test host? It odd that this seems to work on my host and not yours.

Best regards,
Mike