Docs

[wackynation]

Unfortunately this has altered the wrong page it is the main portfolio page that needs changing not the page it gets directed too as explained above. thanks

Any other idea’s please

[wackynation]

I’ve been trying to say the same thing in different ways all day long but perhaps I have now found the best example for you. On this page http://demo.theme.co/integrity-1/portfolio/
you have 2 options;

1. Sierra Farm – which is what I want my portfolio page to look like
2. Black and White – which is what all my images currently look like as per the attachment and I don’t want them looking like this.

Now the reason that Black and White has the slider arrows on the main portfolio page is because there is a slider on the page it links too.

Black and White

What I am trying to find out is is it possible to have no slider arrows on the main portfolio page, but still retain a slider on the linked through page.

Thanks again. This is my last ditch effort so if it isn’t clear never mind.

[Lely]

Hi There,

Thank you for the clarification. Please try adding the following CSS on Appearance > Customize > Custom > Edit Global CSS

.page-template-template-layout-portfolio ul.flex-direction-nav {
    display: none;
}
.page-template-template-layout-portfolio .x-flexslider .x-slides img:hover {
    opacity: .3;
}
.page-template-template-layout-portfolio .x-flexslider .x-slides .x-slide {
   background-color: #000;
}

Hope this helps.

[wackynation]

Fantastic starting to get there now.

1. However the images on the slider are really big despite the fact that they are set at thumb nail. Is this normal as they really dominate the page as per this page below and attached image
http://wackynation.co.uk/wp3/?x-portfolio=world-christmas-cracker-throwing-championship

2. On the portfolio page there seems to be a large blank white space under the text header for ‘World Christmas Cracker’. This is the only one that currently has several images on a slider so I don’t think the new css code is totally there yet. I have attached an image to show this or you can see it on this page.
http://wackynation.co.uk/wp3/?page_id=264

Thanks

[Paul R]

Hi,

For #1

You can add this under Custom > Edit Global CSS in the Customizer.

.single-x-portfolio article.h-entry {
    background-color:#fff;
}

.single-x-portfolio .entry-featured {
    width: 50%;
    margin:0 auto;
}

For #2

You can add this under Custom > Edit Global CSS in the Customizer.

.x-flexslider-featured-gallery {
    overflow:hidden;
}

Hope that helps.

[wackynation]

The pictures are now all working so thanks for this.

1> I see that some people have a video on their portfolio item pages on the right hand side of the page. Can you please let me know where I can find instructions for this.

2> As you can see from the attached image I’ve used <h4> to create the ‘Overview’ header titles on all my portfolio item pages, but when I do this it creates a huge blank space between the page title e.g. ‘World Christmas Cracker Throwing’ and the header title ‘Overview’. Is there a way to reduce this space please?
http://wackynation.co.uk/wp3/?x-portfolio=world-christmas-cracker-throwing-championship

[Lely]

Hello There,

1.) When you edit Portfolio > Portfolio Item Settings > Media Type: Choose Video. Then Portfolio Video Item Settings will appear. Provide the details. See attached screenshots.

2.) Please add class mtn on h4 heading to reset the default top margin. Something like this:
<h4 class="mtn">Overview</h4>
To understand mtn and other helper classes, please check this link:https://community.theme.co/kb/css-class-index/

Hope this helps.

[wackynation]

This is looking amazing thanks for all your help. Two final questions.

1) On the main portfolio page when someone hovers on the image it now turns black which is great. Is there a way to also add a link when it goes black through to the Portfolio item page as not everyone clicks on the text. I tried and it didn’t seem to work any suggestions please?

2) I’m getting conflicting advice reading your information on image sizes. What is the best image sizes and file sizes for the portfolio item pages please.

[Rad]

Hi there,

1. Please add this code to Admin > Appearance > Customizer > Custom > Javascript

jQuery( function($) { 

$('.page-template-template-layout-portfolio article').each ( function() { console.log(this);

$(this).find('.entry-featured').wrapInner('<a href="' + $(this).find('.entry-title entry-title-portfolio a').attr('href') + '"></a>');

} ); 

} );

2. The 960px width ( any height) should be okay, it’s good enough for mobile and desktop range.

Thanks!

[wackynation]

Not sure if its because the website is not up and running yet, but with this code when clicking on the image on the portfolio page it is linking through to this page http://wackynation.co.uk/wp3/undefined
instead of the respective portfolio item page.

Any other idea’s please.

[Rad]

Hi there,

Ah, sorry for the typo, should be like this

jQuery( function($) { 

$('.page-template-template-layout-portfolio article').each ( function() { console.log(this);

$(this).find('.entry-featured').wrapInner('<a href="' + $(this).find('.entry-title.entry-title-portfolio a').attr('href') + '"></a>');

} ); 

} );

Cheers!

[wackynation]

You guys are awesome thanks so much for all your help it looks amazing.

[Nabeel A]

Glad we could help 🙂

Cheers!

[Author]

Posts