Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #306009

    http://lw.bypundyk.com/

    Hello Support,

    We want to do the following for our client using the Enfold Theme.
    Here is a link of how the client wants the site to look: http://lw.bypundyk.com/wp-content/uploads/liis_web2.jpg

    The Blog Section: Is it possible to have it displayed on the Homepage with the Featured Image on the left and the Title & Excerpt on the right of the image.

    The Background where the form is located, can we set the pixel width on this section like the way you see on the jpg url above?

    Also the builtin form, is it possible to have the Full Name and Email description in the field instead of having it above.

    Hope to hear from you soon. We are loving this theme btw.

    Thanks,
    MP

    #306106

    Hey Marcelo!

    Thank you for choosing Enfold.

    Yes, the layout is possible but you need some css fixes. Edit the home page using the advance layout builder. Make use of the column layouts to separate the text and the subscribe form. Add the Blog Posts element if you want to show the blog. Again, the column layouts will be pretty useful on this setup. In case you have any questions, please take some time to review all of the resources in the Theme Documentation as a lot of basic stuff like theme installation, css snippets etc are already available in there with better explanation and awesomeness. Watch some of our Video Tutorials to learn more about the different aspect of the theme. You can also search the forums for queries that has been answered before that might be related to your problem.

    If you find that you still have questions after taking the time on our documentations, don’t hesitate to let us know and we will be happy to assist you. If you have any requests or you feel like giving us a warm hug? You can definitely post it on our Feature Requests page. :)
    Thanks!

    Regards,
    Ismael

    #306466

    Hello Ismael, thanks for the info you provided.

    Regarding the Posts in the Home Page, what do I need to do in order to have the Featured Image on the left and on the right have the Date, Title, Excerpt on the right? We will apply this for all the Post Categories once the pages get created such as Press, Blog as well.

    Thanks,
    MP

    #306597

    Hey!

    Please edit the Blog Posts element then choose Single Author, Big preview pic blog style. Add this on Quick CSS or custom.css:

    .big-preview.single-big {
    width: 30%;
    float: left;
    clear: both;
    margin-right: 3%;
    }
    
    .entry-content-wrapper.clearfix.standard-content {
    width: 67%;
    float: right;
    }

    Please visit Envato Studio or Werkpress for further customization.

    Regards,
    Ismael

    #306882

    Hello Support,

    Is it possible to actually have on the HomePage the feature blog posts to look like this:

    http://lw.bypundyk.com/blog-2/body/

    Which uses the same settings as on the Homepage “Single Author, small preview Pic (No author picture is displayed”. Content length we will setup as excerpt. Preview image size: Set the preview image size automatically based on column.

    http://lw.bypundyk.com/

    On the homepage because section is setup with 2 columns, I know that the image goes above but what can we do to reduce the width on the preview text so that the featured image goes on the left so that it looks like the blog page.

    Thanks,
    MP

    #307083

    Hello Support,

    http://lw.bypundyk.com/

    So we have the Blog on the Homepage looking like this.

    What can we do to make the featured image load on the left and the Title/Excerpt on the right without affecting the whole blog website because the blog section is working fine on other sections which looks like this.

    http://lw.bypundyk.com/blog-2/body/

    Website is coming along really well and hope to hear from you soon.

    Thanks,
    MP

    #307364

    Hi!

    You can use this css code to change the blog layout:

    
    #top .fullsize .template-blog .blog-meta {
        float: left;
    }
    
    #top .fullsize .template-blog .post .entry-content-wrapper {
        margin-top: 20px;
    }
    

    Regards,
    Peter

    #307525

    Hello Dude,

    Its getting close. We need the image to be on the left and text on the right. with the CSS code you provided it now looks like this:

    We want it to look like the blog page with feature image on left and text on right.

    Hope to hear from you soon.

    Thanks.
    MP

    #307677

    Hi!

    Thank you for the screenshot.

    You can use this on Quick CSS or custom.css:

    .home .fullsize .template-blog .post .entry-content-wrapper {
    margin-top: 0;
    width: 80%;
    float: right;
    }
    
    .home .fullsize .template-blog .blog-meta {
    float: left;
    width: 20%;
    }
    
    .home .fullsize .template-blog .post-title, .home .fullsize .template-blog .post-meta-infos {
    text-align: left;
    }

    Please visit Envato Studio or Werkpress for further customization.

    Best regards,
    Ismael

    #307855

    Thanks again for your help Ismael.

    Just letting you know that the code you provided works but how do I make the title aling to the top of the left image like the blog section eg: http://lw.bypundyk.com/portfolio-item/body/

    Thanks,
    MP

    #307856

    Hi!

    Please add following code to Quick CSS

    #top .flex_column .template-blog .post-title, #top .fullsize .template-blog .post-meta-infos { text-align: left; }

    Best regards,
    Yigit

    #307889

    Thanks Yigit,

    The css code you provide got the title and date below to left align which is great.
    What do I need to do to have the title align to the top of the image on the left like the blog posts.

    Homepage:
    lw.bypundyk.com

    Blog:

    http://lw.bypundyk.com/portfolio-item/body/

    Thanks,
    MP

    #307890

    Hi!

    Please add following code to Quick CSS as well

    .home .entry-content-wrapper { margin-top: 0!important; }
    .home .entry-content-wrapper h2.post-title.entry-title { padding-top: 1px!important; }

    Cheers!
    Yigit

    #307894

    Thanks on the browser looks great now just checking on the ipad in portrait and doesnt look light. The feature image is on the left and the text on the right for the blog but its right next to eachother.

    Here is a screen cap:

    If we can have it like the way it was before the feature image on top center is fine or left like when you see it in landscape.

    When you view the site on the ipad on landscape looks great.

    Hope you can help.

    MP

    • This reply was modified 1 month, 1 week ago by  kpundyk.
    • This reply was modified 1 month, 1 week ago by  kpundyk.
    • This reply was modified 1 month, 1 week ago by  kpundyk.
    • This reply was modified 1 month, 1 week ago by  kpundyk.
    • This reply was modified 1 month, 1 week ago by  kpundyk.
    #308191

    Hi!

    Please add this one at the very bottom:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .home .fullsize .template-blog .post .entry-content-wrapper {
    width: 75%;
    }
    }

    Cheers!
    Ismael

    #319357

    Hello Support,

    http://lw.bypundyk.com

    Now that the featured image is aligned to the left, how can we increase the size of the image lets say 150px x 150px.

    Thanks for your help.
    MP

    #319576

    Hey!

    Use this:

    .small-preview, #top .fullsize .template-blog .blog-meta {
    width: 140px;
    height: 140px;
    }

    You might need to decrease the size of the entry content.

    Cheers!
    Ismael

    #319966

    Hello Support,

    http://lw.bypundyk.com

    Sorry one more thing. On the iPad and iPhone, hose can I fix the Blog Posts to align properly.

    • This reply was modified 2 weeks ago by  kpundyk.
Viewing 18 posts - 1 through 18 (of 18 total)

The topic ‘Can the following be done on client site using Enfold Theme’ is closed to new replies.