Docs

[Matthew B]

Hello,

I’m trying to use this portfolio template (http://demo.theme.co/renew-1/portfolio-item/drum/) on my Icon site. Instead the only portfolio I can get is one like this where the image is huge and fills the whole page (http://demo.theme.co/icon-8/portfolio-item/keyhole-arch/)

Thank you!

[Nabeel A]

Hi there,

Thanks for writing in! You can try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-portfolio .entry-extra {
    padding: 0 !important;
    width: 30% !important;
    float: right !important;
}
.x-portfolio .entry-content {
    padding: 0 !important;
    float: left !important;
    width: 67% !important;
}

Let us know how this goes!

[Matthew B]

Thank you for your quick response. That made it slightly better, but the image is still huge. I’m attaching the before and after photos.

Anything else I can try?
Thanks!

[Nico]

Hi There,

You could add this code below to adjust the width of the image:

.x-portfolio .entry-featured {
    width: 330px;
    margin: 0 auto;
}

Hope it helps.

Let us know how it goes.

Thanks.

[Matthew B]

That resizes the photo, but still doesn’t look like the Renew page. The project link still doesn’t move up to the top right side of the page like it is in Renew. Here’s a screenshot. I’m trying to get the “Purchase” and Share Item to the top right side.

Thank you!

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Matthew B]

http://www.clevermakers.com

Thank you.

[Nabeel A]

Hi again,

Please remove this code from your Customizer:

.x-portfolio .entry-featured {
    width: 330px;
    margin: 0 auto;
}

And then add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

(function($) {
   $('.x-portfolio .entry-featured').prependTo('.x-portfolio .entry-content');
})(jQuery);

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[Author]

Posts