Gallery lightbox

Hey There,

How do you get images to open in a lightbox ?

Thnx

Hi,

It's a custom script, created especially for the Steakhouse theme.

okok so how do I make sure the correct photo opens when the photo is clicked? Do i have to do something with the classname? All my photos are clickable, but they all open the first image of the page.

Could you please provide me with a URL to your website with your photos, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Each image should be placed inside the div containter wiht "gk-photo" class. Please check the original gallery page syntax.

I've got a problem: In the text next to the images, I want to make a link to another website using <a href="" target="_blank">Text here</a>. However, because the text is in the figcaption class, which is located inside the gk-photo class, the link does not open, but it shows the images in the gallery.

Do you have any suggestions?

Hi coenboot,
Could you please provide the URL to your gallery? (here or via PM).

In this case, please use in the frist image and paragraph class i.e. "gk-photo2" instead of "gk-photo" and please add the following css code into Steakhouse/css/override.css file, or use i.e. this plugin:
https://www.gavick.com/blog/adding-cust ... ress-theme

Code: Select all

.gk-photo2 {
  clear: both;
  padding: 35px 0;
}

.gk-photo2:after {
  clear: both;
  content: "";
  display: table;
}

.gk-photo2 > a,
.gk-photo2 > div {
  display: block;
  float: left;
  max-width: 45%;
}

.gk-photo2 img {
  float: left;
  max-width: 100%;
}

.gk-photo2 .figcaption {
  float: right;
  width: 48%;
}

.gk-photo2 h3 {
  font-size: 24px;
  padding: 30px 0;
  text-align: left;
}

.gk-photo2 p {
  font-size: 16px;
  margin: 0;
  text-align: left;
}