[Mark MParticipant]

Hi,

I am currently trying to redo my existing website which was constructed with silverstripe using wordpress and X and am running into problems with how to construct the portfolio section. Here is a link to my existing sites portfolio section;

http://www.visionphoto.co.uk/portfolio/

As you will see it has a series of 35mm slides which when clicked take you through to another series of slides for that section. When you then click any of those slides they open up the full sized image in a lightbox.

As there is so many images and sections I don’t want to manually set out lightboxes via shortcodes. I have looked at using envira but it doesn’t seem to have the option to display a different image from the thumbnail. I like the use of the square slides as it makes the portfolio selection page work well responsively and helps to show that I have been a photographer for a long time, but I need the lightbox image to display the full size uncropped image not in a slide.

Do you have a suggestion on how to best tackle this?

Kind regards,

Mark

[Mark MParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi Mark,

Thanks for writing in!

There’s an option available in Envira Gallery that you can set to show cropped version of your regular images and different sizes (e.g. full size) in lightbox. Please refer to Envira Gallery configuration for more detail: http://enviragallery.com/docs/configuring-gallery/

Thank you!

[Mark MParticipant]

Yes I have seen that but ideally I want to be able to use a different image for the gallery page than the lightbox displayed image. Envira doesn’t seem to have that ability, so maybe I will just ditch the slides that I have been using.

Is there a way to style the borders of the images displayed via Envira using CSS?

[Mark MParticipant]

The other problem I am trying to get my head around is how I get around the gallery linking. I have multiple sections to my galleries, ideally the first gallery page just links to another gallery of that section. I guess that I would need to set out the first gallery page in cornerstone and then link that to the Envira gallery for each section, but it would be nice to be able to make them display in the same way & style.

[Mark MParticipant]

Looking through the Envira website it appears what I need is their albums addon, which gives the ability to display and link to multiple galleries.

Is there anyway this can be added to the system?

http://enviragallery.com/addons/albums-addon/

[Mark MParticipant]

Looking around the Envira site more I see what I need to do is buy their gold version of their package. If I buy this and install will this integrate with cornerstone?

[ChristianModerator]

Hey Mark,

We could not guarantee that it’ll work 100%. Please see https://community.theme.co/kb/integrated-plugins-envira-gallery/ for more details.

Thanks.

[Mark MParticipant]

Ok I will buy the gold version and see how things go. My trouble is I need a lot of the features that are missing from the bundled version, albums, watermarks, custom css etc.

[RupokMember]

Thanks for updating. Feel free to let us know if you face any other issue with X.

Cheers!

[John WParticipant]

Is there a way to style the borders of the images displayed via Envira using CSS?

Hi Mark,

I found your post looking for a solution. I tried following the instructions from Envira
website and it did not seem to work, I think the feature to use a custom gallery CSS requires a licence.

So I have managed to create a border for images in the Gallery using a custom CSS that I placed within Appearance / Customise / Custom / CSS. The CSS code will provide a border for all images in a Gallery, you may want to change it to target individual gallery’s .

img.envira-gallery-image{

 border-width:15px;	
 border-style:solid;
border-color: #ffffff;

}

[Mark MParticipant]

Hi John,

Thanks for looking into it for me, but I manage to solve the problem via using the custom gallery CSS add on. This is the code I ended up with and the results.

#envira-gallery-1311 .envira-gallery-image {
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border: 5px solid #ffffff;
-webkit-box-shadow: 0px 0px 3px 0px rgba(136,136,136,1);
-moz-box-shadow: 0px 0px 3px 0px rgba(136,136,136,1);
box-shadow: 0px 0px 3px 0px rgba(136,136,136,1);
}

http://www.visionphoto.co.uk/commercial-photography/room-set-photography/

Regards,

Mark

[Paul RModerator]

Hi Mark

Glad you were able to figure it out.

@glasguy

Thanks for helping.

[Author]

Posts