Support » Plugin: WordPress Gallery Plugin MaxGalleria » CSS Styles for Gallery Thumbnails

  • Resolved petermjames

    (@petermjames)


    This is a great plugin – looks good and easy to use!

    However, I’d like to change some of the styling on the gallery pages. I’m using the Picture Frame skin. What I’d like to change…

    • The picture frame looks a bit clunky, I’d like to make it a bit thinner
    • The thumbnails don’t quite lie in the centre of the frames
    • I’d like the frames to exactly fit the thumbnails (which all have the same aspect ratio

    A gallery on the site is http://johnmcarterltd.wpengine.com/tarpaulins-tilt-trailer-covers/.

    Where is the CSS that I need to change for these? I’ve looked around but cannot find it.

    Many thanks…Peter

    https://wordpress.org/plugins/maxgalleria/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author AlanP57

    (@alanp57)

    Hi petermjames,

    The problem with your images not centering correctly is caused by this ‘margin: 7px’ setting in your theme.

    .art-article img, img.art-article, .art-block img, .art-footer-text img {
    margin: 7px;
    }

    You can fix that by adding this to your theme’s style.css:

    .mg-thumbs.mg-fourcol img {
    margin: 0;
    }

    These frames are defined by this CSS which is found in line 20 of /wp-content/plugins/maxgalleria/addons/templates/image-tiles/skins/picture-frame.css:

    .mg-image-tiles.picture-frame .mg-thumbs ul li div {
    background-color: #ffffff !important;
    border-color: #444444 !important;
    border-radius: 0 !important;
    border-style: solid !important;
    border-width: 4px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding: 8% !important;
    }

    You can add a custom style sheet to override this CSS by editing your gallery and going to the Advanced tab. There under Custom Styles you can check Enabled and enter a URL to a custom style sheet.

    If this answers your question then please mark this thread as ‘Resolved’ and be sure to rate our plugin at Maxgalleria Reviews

    Thanks,
    Alan

    Hi Alan

    Thank you very much for the prompt and helpful response.

    I have now got them looking exactly how I want them.

    Kind regards…Peter

    Plugin Author maxfoundry

    (@maxfoundry)

    Thanks Peter,

    Please mark this post as resolved and consider giving MaxButtons a rating.

    Best,

    Bob

    I had already marked it as resolved and have just given you a good review.

    Kind regards…Peter

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS Styles for Gallery Thumbnails’ is closed to new replies.