WordPress.org

Ready to get started?Download WordPress

Forums

Grand Flagallery - Photo Gallery Plugin
[resolved] [Plugin: GRAND FlAGallery - Best Photo Gallery] Grand FIAGallery - Edit Background Possible? (13 posts)

  1. afaulding@ntlworld.com
    Member
    Posted 1 year ago #

    I've checked every forum link which sounds close, but am still struggling. I use the FIAGallery with the default Midnight skin - which is exactly what I need - I'd just like to add a background image to the gallery (a texture really), rather than colour: 262626 which appears to be default.

    I understand you can do things like this with the purchased templates, but I really like the Midnight one! Is it possible, please?

    http://wordpress.org/extend/plugins/flash-album-gallery/

  2. Rattus
    Member
    Plugin Author

    Posted 1 year ago #

    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 {...}

  3. afaulding@ntlworld.com
    Member
    Posted 1 year ago #

    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

  4. Rattus
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  5. afaulding@ntlworld.com
    Member
    Posted 1 year ago #

    Thanks again - tried that but unfortunately no change (feel free to have a peep at any of the posts here: http://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?

  6. afaulding@ntlworld.com
    Member
    Posted 1 year ago #

    (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('http://www.andrew-faulding.co.uk/wp-content/uploads/wood-texture.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    }

  7. Rattus
    Member
    Plugin Author

    Posted 1 year ago #

    Oh, you didn't say that you use GRAND Pages instead shortcode
    Download this file: http://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.

  8. afaulding@ntlworld.com
    Member
    Posted 1 year ago #

    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

  9. afaulding@ntlworld.com
    Member
    Posted 1 year ago #

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

  10. Rattus
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  11. afaulding@ntlworld.com
    Member
    Posted 1 year ago #

    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?

  12. jenagan
    Member
    Posted 1 year ago #

    Hi afaulding@ntlworld.com, 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

  13. jenagan
    Member
    Posted 1 year ago #

    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>

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic