CODEWITHSUNDEEP
javascriptjqueryhtmlcss
rayncorg
rayncorg

Reputation: 993

Positioning issue using css

I'm having a hard time to accomplished this: CODEPEN LINK

As you can see in my CODEPEN sample. As you hover the image it shows the IMAGE CAPTION then if you clicked the image it will show the ACTIVATED IMAGE(RED BORDERS). My problem is how can I show the CAPTION when that image is ACTIVATED. I use JQUERY on clicking the image to show the RED BORDERS when activated.

UPDATE: What I'm trying to do is when its activated it also show the CAPTION onclick just like the RED BORDERS.

Your help is so much appreciated.

Upvotes: 0

Views: 51

Answers (2)

Sajad Karuthedath
Sajad Karuthedath

Reputation: 15837

just need a css 

.aboutus 
.thumb_caption,
.leadership .thumb_caption{
 left: 0;
 opacity: 1;
  }

CODEPEN

Upvotes: 1

melwyn pawar
melwyn pawar

Reputation: 1816

Add the following CSS 

.aboutus .thumb_caption,.leadership .thumb_caption{left: 0;
opacity: 1;}

after doing so the caption should be seen on activated.

Upvotes: 1

Related Questions