OrdaSoft forum
Welcome, Guest
Please Login or Register.    Lost Password?
OS Responsive Image Gallery module Support
Go to bottom Favoured: 0
TOPIC: Image description
#40626
whale (User)
Fresh Boarder
Posts: 7
graphgraph
User Offline Click here to see the profile of this user
Image description 8 Months, 3 Weeks ago Karma: 0  
Hello,

Sorry, maybe Im numb ... in DEMO i saw Taras hoover effect with image descirtion INSIDE ... BUT ... when I create gallery with Taras I had still description OUTSIDE aI cant find where I can change description possition ... maybe its too late maybe Im stoopid ...

Stan
 
Logged Logged  
  The administrator has disabled public write access.
#40631
admin (Admin)
Admin
Posts: 6644
graph
User Offline Click here to see the profile of this user
Re:Image description 8 Months, 3 Weeks ago Karma: 77  
There conflict - your css template styles with OS image gallery(ordasoft.com/os-image-gallery.html)

Please add to your template CSS file next code

Code:

[class^=os-gallery-all-in-one-main] .img-block.taras-effect .os-gallery-caption .os-gallery-img-desc, 
[class^=os-gallery-album-tabs-main] .img-block.taras-effect .os-gallery-caption .os-gallery-img-desc, 
[class^=os-gallery-tabs-main] .img-block.taras-effect .os-gallery-caption .os-gallery-img-desc {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flex !important;
  display: -o-flex !important;
  display: flex !important;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}
@media(max-width: 768px) {
  [class^=os-gallery-all-in-one-main] .img-block.taras-effect .os-gallery-caption::before, 
  [class^=os-gallery-album-tabs-main] .img-block.taras-effect .os-gallery-caption::before, 
  [class^=os-gallery-tabs-main] .img-block.taras-effect .os-gallery-caption::before {
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    box-shadow: 0 0 0 10px rgba(255,255,255,0.2);
  }
}
@media(max-width: 480px) {
  [class^=os-gallery-all-in-one-main] .img-block.taras-effect .os-gallery-caption p, 
  [class^=os-gallery-album-tabs-main] .img-block.taras-effect .os-gallery-caption p, 
  [class^=os-gallery-tabs-main] .img-block.taras-effect .os-gallery-caption p {
    font-size: 8px;
  }
}



Please backup you file first

REgards
Andrew
Ordasoft team
 
Logged Logged  
  The administrator has disabled public write access.
#40632
whale (User)
Fresh Boarder
Posts: 7
graphgraph
User Offline Click here to see the profile of this user
Re:Image description 8 Months, 3 Weeks ago Karma: 0  
Hello,

Thanks you, thats help me ...

Stan
 
Logged Logged  
  The administrator has disabled public write access.
Go to top
What are you looking for?
Anti-spam question: How many eyes has a typical person?