I have Gallery Formatter working on Drupal 7 with a stock Marinelli theme. I've managed to get Gallery Formatter working fine except that the green arrows are showing up in the wrong place. Both arrows are on the left hand side of the thumbnail row (see attached screenshot). This happens in both Firefox and Chrome so I don't think its a browser issue.

I would like either to fix their location or just disable them and let visitors use the black arrows on the sides of the larger image to navigate through the slideshow.

Any help gratefully received.

Comments

Paulbg’s picture

The problem appears to be with Marinelli (it works fine in Bartik) a css/layout issue, I'm on it too.

DRIVE’s picture

StatusFileSize
new797.47 KB

This may help you get on the right track. These modifications preserve existing functionality in Marinelli theme, they just define the ".arrow" class attributes to be confined to the Comments Container. Because your theme CSS gets processed after Galleryformatter CSS it is nearly impossible to make the changes in the greenarrows.css (I think impossible actually) which would be preferred way to go. You will just have to remember that you changed them if Marinelli was ever updated or something that caused you to overwrite the changes you made. There are a couple more ways to do it but this is the best way in this circumstance. I tested this on default Marinelli and default Galleryformatter with no mods to any code aside from the below.

2 minutes and you're ready to go!

In sites/all/themes/marinelli/css/comments.css

Line 32 change

.arrow {
  height: 0;
  width: 0;
  position: absolute;
  top: 10px;
  left: -28px;
}

TO

#comments .arrow {
  height: 0;
  width: 0;
  position: absolute;
  top: 10px;
  left: -28px;
}

Then on line 85 change

.arrow{
  border-style: solid;
  border-width: 15px;
}

TO

#comments .arrow {
  border-style: solid;
  border-width: 15px;
}

THEN in greenarrows.css on line 41 change

.galleryformatter-greenarrows .gallery-thumbs li {
  float: left;
  background: transparent none;
  overflow:hidden;
  padding-top: 3px;
}

TO

.galleryformatter-greenarrows .gallery-thumbs li {
  float: left;
  background: transparent none;
  overflow:hidden;
  padding-top: 3px;
  margin:0;
}

That eliminates Drupal core css from hijacking your ul li and adding .4em of padding to the thumbnail container.

There are probably 2 or 3 more pixels you can track down but it looks pretty good and you can do in less than 5 minutes!

Hope this helps, enjoy! :)

Paulbg’s picture

Works for me...thanks for the time saved.

trf197’s picture

Thanks for the help guys. I tried the change above but still have the same problem. (I changed greenarrows.css in /sites/all/modules/galleryformatter/gallerystyles/greenarrows - is this the right file?)

I haven't made any changes to the code of the website at all except for those mentioned above.

DRIVE’s picture

Re-read instructions. There are two files you need to make minor changes to.

Also, clear the Cache in the Admin -> Performance
And also clear your local browser cache to be on the safe side.

trf197’s picture

Yep the cache was the problem - I just tried it on a different computer and it's fine.

Thanks for all of your help - it looks really great now!

(For reference in case anyone stumbles across thislater, I changed both files - I just mentioned the greenarrows one to check I was modifying the right file in the right location since that one wasn't in the same place as the Marinelli one)

nico059’s picture

Thx DRIVE,
I had the same problem with Marinelli, and just before doing some css research of what's joing wrong with firebug ... I just checked google to see if I'm not alone ... and you find your solution ! You rock's ;-)

Nico.
PS: thx too Manuel for your module and sharing this to the community !

manuel garcia’s picture

Title: Green Arrows in wrong place » Green Arrows in wrong place in Marinelli theme

We're seeing some issues with different contributed themes, if you guys figure out a way to prevent it please attach a patch. I've tried being specific in the module's CSS declaration, but of course they can be overridden.

manuel garcia’s picture

Status: Active » Closed (duplicate)

Duplicate of #1031180: Arrows not showing in the right place with Marinelli theme

Let's work on this there, please help test the attached patch on that issue.

lucamanu’s picture

Hi,
according to the Marinelli's documentation, it is better to create a sub-theme and introduce any change to the css in the subtheme. This way, if you update the theme at a later stage, you don't need to redo the above mentioned changes again.
Hope this is helpful.
Luca