-
Posts
-
I see that the default for the featured image on Enfold is for it to appear as just a square within the text. I want the image to be large, as seen on my current theme linked below.
How can I replicate this in Enfold? Do I need to go in to every single post and add a full width slider image or is there a way to accomplish this with the featured images that are already in place on my posts? I want the image to look exactly the same in Enfold.
*Link is to my a post on my current live site which is using a different theme, I am moving to Enfold in staging*
Hey samanthashea,
Thank you for the inquiry.
That option or layout is not available by default, but you can always use the Advance Layout Builder and Templates option to create custom layouts for the posts. If you want the posts to have that layout automatically, then you will have to modify the single.php file or the includes > loop-index.php template.
Best regards,
IsmaelI was actually able to do this via the blog post documentation to make the featured image full width. It worked well but now the images are very long. This was the code I used:
} #top.single .container { padding: 0 !important; width: 100% !important; max-width: 100% !important; } #top.single .content { padding-top: 0 !important; }Hi,
Thank you for the info.
Which documentation are you referring to? Please provide a link to the documentation so that we could see the instructions, and a link to one of the posts where the modification can be seen.
Best regards,
IsmaelDocumentation is here under “full width featured image” https://kriesi.at/documentation/enfold/blog-post/
I also need assistance on this thread if you can help: https://kriesi.at/support/topic/how-can-i-center-align-this-social-bookmarks-widget/
Hi,
Thank you for the info.
Are you referring to this modification?
// https://kriesi.at/documentation/enfold/blog-post/#fullwidth-single-post
Did you add the provided css code?
/*----------------------------------------- // CSS - Full-width Single Post //----------------------------------------*/ #top.single .post .blog-meta { margin: 0 30px 10px 30px; } #top.single .post .post-title { text-align: left; width: 100%; } #top.single .post .post-meta-infos { text-align: left!important; } #top.single .post .entry-content-wrapper, #top.single .post .entry-content-header, #top.single .post .entry-content, #top.single .post .post-title, #top.single .post .entry-footer { min-width: 100%!important; }Please add the css cod again or post the login details in the private field so that we could test the modification.
Best regards,
Ismael
- You must be logged in to reply to this topic.