[Plugin: GRAND FlAGallery – Best Photo Gallery] Grand FIAGallery – Edit Background Possible?

You can change background of flash gallery to transparent and set background image for div element with CSS. You can add styles to div.flashalbum {...}

Hi Rattus,

Many thanks for your response – unfortunately I don’t know how to interpret your instruction. Could you clarify exactly which files I would need to edit? I’m quite happy playing with code, I just can’t fathom which files need changing (I don’t understand the relationship of the files, sorry).

If I go to WordPress Control Panel and FIAGallery, Skins, Active Skin Options I can indeed set the background colour to transparent which I’ve done. I just don’t know where to go next!

Thanks for your patience,

A

Open theme’s style.css file and add to the end:

div.flashalbum {
  background-image: url('IMAGE_URL_HERE');
  background-position: left top;
  background-repeat: no-repeat;
}

replace IMAGE_URL_HERE to real image url. You can also change position of background and repeat it.

Thanks again – tried that but unfortunately no change (feel free to have a peep at any of the posts here: https://www.andrew-faulding.co.uk).

I wondered if it was the theme which wasn’t co-operating so tried installing a different theme and added the appropriate instructions to the css file but no joy.

Went back to the original theme and edited every CSS file I could find! Still no joy… Schoolboy error on my part somewhere?

(just to prove I’m not a complete numskull, the exact code I put into the style.css was as follows:

div.flashalbum {
background-image: url(‘https://www.andrew-faulding.co.uk/wp-content/uploads/wood-texture.jpg’);
background-position: left top;
background-repeat: no-repeat;
}

Oh, you didn’t say that you use GRAND Pages instead shortcode
Download this file: https://site-test.allforblogs.com/wp-content/uploads/full_window_template.zip
Unzip it and replace ‘/plugins/flash-album-gallery/full_window_template.php’ with downloaded file.
I’ve already added CSS with your background to this template.
I’ll add this feature (adding background image to GRAND Pages) in next version.

You are truly a fine man, thank you! The tiniest of issues remain – curiously, adding this little CSS script cancels out the back button which was helpfully there before (it now says Gallery, but there is no hyperlink to take you back to the main site).

This is by no means the end of the world…unless it’s an easy fix?

In any case, I’m delighted, so thanks again.

A

(oops – if you hit the FS/Full Screen button, the background stops working, too)

My bad. I’ve updated that file. Download and replace it again.
This will not work in fullscreen mode, because this is a trick with CSS and flash can’t be transparent in fullscreenmode.

Fantastic – thanks very much for your help, I’m delighted this was possible, especially as I’ve just done some photos for a wedding which will present better with a background.

Not sure if you’re interested/aware, but if you hit F11 for full screen instead of the FS button in the plugin, the background remains quite happily?

As an aside, Apple et al seem to be suggesting that the bell tolls for Flash – do you have plans to upgrade the plugin using some other technology for future?

Hi [email protected], I have one request hope you have the solution.
I’m using the same plugin. When you having FullScreen i need to place “Back” button as same as you did. Could you please let me know which file/code has to be modified?
Thanks

Hi, Sorry I have found the solution. You can attached the html code for the back link in the [flaglarry ….] name attribute. on the page where you insert this gallery.

[flagallery gid=1 name=”Back“]</div>