Issues with Modern Portfolio theme, can anyone help please?

[Connor3193]

Hi there,

I'm designing a website for a client using the Modern Portfolio theme. So far I think the site looks fantastic, but I'm having a couple of design-related issues. Any help would therefore be greatly appreciated!

Firstly, I am using the Genesis Featured Posts widget in the Footer 2 widget area and in the Primary Sidebar on this page to display featured images from the Portfolio category.

I've set it so that the post information and links to the full post are disabled, so that all visitors can see is the post image.

Unfortunately, however, there seems to be an issue with the way the widget is displayed. It's best taking a look at the Primary Sidebar and Footer 2 widget areas on this page to see what I'm talking about...

I'm sure it's probably a simple fix (or at least I'm hoping so), but I'm fairly new to Genesis and CSS so I'm not 100% sure what I'm doing.

The other thing I'd like to do is learn how to link these featured images to a larger version of the image, whereas right now all it does is link to the post the image is attached to...

Again, I'm sure this is probably quite simple for someone that knows what they are doing, so hopefully one of you guys will be able to solve this issue!

Does anyone think they can help me out with either of these things?

If so, I'd really appreciate it, and I'd be happy to pay someone a few bucks via PayPal or endorse you on LinkedIn as a way of saying thank you. I can also provide WordPress login details if necessary.

Many thanks,

Connor Gallagher 🙂

http://pbjltd.com

[AnitaC]

Hi Connor @3193,

For the featured image, are you wanting to automatically have the featured image show up at the top of the post? If so, you can follow Brad's instructions here - http://wpsites.net/wordpress-tips/auto-set-featured-image/.

For the CSS - we might need to work on that. Here's why. Each widget is assigned it's own number so we have to identify each of those areas. The I think this might work for the sidebar Featured Images:

Add this to your style.css file and then let's take a look:

.sidebar .entry-image {
margin: 2px;
padding: 0;
}

.sidebar .entry, .page .post.entry {
margin-bottom: 0rem;
}

---

Need help with customization or troubleshooting? Reach out to me.

[Connor3193]

Hi anitac,

Thank you for your help. I've added that code to my style.css file and it worked great for the sidebar. So, I also decided to add the following code so that it worked the same in the footer...

.footer-widgets-2 .entry-image {
margin: 2px;
padding: 0;
)

.footer-widgets-2 .entry, .page .post.entry {
margin-bottom: 0rem;
}

Unfortunately, however, although it looks fine on individual pages (about us, contact) the same spacing issue is still happening in the footer when you navigate around the site and click home, portfolio, and blog. Do you think it could be something to do with the section links that are used in the Modern Portfolio theme, as it's working 100% on individual pages.

Again, any help you could provide would be much appreciated.

With regards to the featured image, I don't want to display the post at all when you click on the image. Instead, I'd like the image to pop-up in a lightbox showing the full size version of the image. My client simply wants to show potential customers what they've done before.

Hope this makes sense!

Thank you so much,

Connor

[AnitaC]

I see the issue, the original code I gave you was working on pages only. Add this also to the bottom of your style.css -

.footer-widgets-2.widget-area .post {
margin-bottom: 0rem !important;
}

.footer-widgets-2.widget-area .entry img {
margin: 2px !important;
padding: 0px !important;
}

As for the image popping up... I am not that great with that. It will require some sort of Lightbox Plugin effect.

---

Need help with customization or troubleshooting? Reach out to me.

[Connor3193]

Hi anitac,

Thank you very much!

That looks fantastic - I've bookmarked your website and will definitely give you a shout if I need any help with WordPress customisation, etc.

Send me your LinkedIn details and I'll be happy to endorse you too! 🙂

I'll mark this topic as resolved and will start a new topic about the post images.

Thanks again,

Connor

[AnitaC]

This reply has been marked as private.

[Author]

Posts