Can the following be done on client site using Enfold Theme - Support

Viewing 18 posts - 1 through 18 (of 18 total)

Author

Posts
August 18, 2014 at 10:15 pm #306009

Kevin
Participant

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

August 19, 2014 at 6:02 am #306106

Ismael
Moderator

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

August 19, 2014 at 7:02 pm #306466

Kevin
Participant

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

August 20, 2014 at 4:47 am #306597
Ismael
Moderator
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
August 20, 2014 at 3:36 pm #306882

Kevin
Participant

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

August 20, 2014 at 10:22 pm #307083

Kevin
Participant

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

August 21, 2014 at 2:34 pm #307364
Dude
Participant
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
August 21, 2014 at 9:00 pm #307525

Kevin
Participant

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

August 22, 2014 at 8:56 am #307677
Ismael
Moderator
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
August 22, 2014 at 2:24 pm #307855

Kevin
Participant

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

August 22, 2014 at 2:26 pm #307856
Yigit
Keymaster
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
August 22, 2014 at 3:13 pm #307889

Kevin
Participant

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

August 22, 2014 at 3:16 pm #307890
Yigit
Keymaster
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
August 22, 2014 at 3:20 pm #307894
Kevin
Participant
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 10 years, 3 months ago by Kevin.
August 23, 2014 at 8:26 am #308191
Ismael
Moderator
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
September 15, 2014 at 7:25 pm #319357

Kevin
Participant

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

September 16, 2014 at 6:18 am #319576
Ismael
Moderator
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
September 16, 2014 at 4:13 pm #319966
Kevin
Participant
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 10 years, 2 months ago by Kevin.
Author

Posts

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.