Thank you for the credentials. I logged In and I can see the issue better now. It is a Kadence element that you configured to appear after the header on the front page, right! hidden link
Both websites use different themes. So the styling won't be the same. In addition, the hidden link website relies on theme styles for the hero section. Using CSS classes in the markup. For example "op-homepage-hero" and "op-homepage-hero-featured-post".
This being said, I would not recommend using a Fields&Text block for each part of the hero section. Because each block will be wrapped in its own div tag. And that may be problematic if you will be using custom CSS like the hidden link theme
Check this screenshot hidden link
I think that building this hero section inside a Kadence Element will be difficult because the Toolset dynamic sources will not let you get the information that is related to a post(vs a Kadence Element), such as the category, excerpt, author, date, and read more button.
Instead, I suggest that you build the design inside a content template, then insert the content template inside of the Kadence Element. Because, inside a content template, you can choose what post to preview with, and this will help Toolset offer the post-related data in the dynamic sources. The shortcodes will also pull the data from the preview post. Check this screenshot hidden link
This will let you use Single Field blocks and define the dynamic source(for the title it is the categories taxonomy) check this screenshot hidden link
You can do the same for the excerpt and the "Read-More" button.
However, for the gravatar image, you will need a custom CSS code. I'll suggest adding a class to the a "Fields&Text" block, and using it in custom CSS code to make the image display inline:
.my-class img {
display; inline;
}
We can work on this later. But, first, I want to make sure that you understand my suggestion( using a content template inside a kadence element). Does it make sense?
I already created a content template and added a title to it. I'll let you work on it to add the excerpt and the "Read Mode" button. Then, use it inside the Kadence element and check if it gives the expected results. At that point, I'll help you with the custom CSS for the gravatar image if still needed.
