I use IRM a lot but on a new project instead of a description sliding across, I'd like to have it come from top or bottom Is that something that I can set in the css files or is it in js? Final objective is a large set of text to slide to center of the image. I checked the other gallery p7 and didn't spot anything that would do this. Any ideas?
Image Rotator Magic 2 - tweaks
(4 posts) (2 voices)-
Posted 1 week ago
-
I found a way to do it. I fiddled with the description css
.p7ir2-description.bottom-left {
top: 25%;
bottom: 25%;
left: 300px;
right: 300px;
}Posted 1 week ago -
if any interest, this is what I ended up with for now...I will fiddle with it as I go along... It is still in progress. I also fiddled with the fonts size in descriptions...
https://greubel-signs.com/index.php
.p7ir2-description {
position: absolute;
border-radius: 6px;
max-width: 90%;
max-height: 90%;
overflow: auto;
background: rgba(255, 255, 255, .8);
border: 1px solid #004220;
color: #004220;
font-size: 1.5em;
padding: 12px;
}.p7ir2-description.bottom-left {
top: 25%;
bottom: 25%;
left: 20%;
right: 20%;
}I also removed description from phone size with this:
/* hide description on phone */
@media only screen and (min-width: 0px) and (max-width: 480px) {
.p7ir2-description {
display: none !important;
}
}Hope that helps someone else; I try to keep notes for when I forget next time! :-)
Posted 1 week ago -
Will be using IRM a lot on an upcoming project. I'm bookmarking your fiddles as I was thinking about modify possibilities for descriptions, thanks for posting.
Posted 6 days ago
Reply
You must log in to post.