WordPress.org

Forums

[resolved] Gallery Column Width (7 posts)

  1. dmaqg
    Member
    Posted 2 years ago #

    Using the built-in gallery, is there a way to style the column width?

    I would like to add some padding between images, but can't seem to figure out where to do that.

    http://www.richmondranch.net/gallery

    I have exactly what I want on my test server, but it changed when I moved it live. http://www.etmcreative.com/C2/gallery

    I'm using a funky theme that sort of hides the normal css, so I'd like to add an inline style to that shortcode if it's possible.
    Thanks for any help!

  2. alchymyth
    Forum Moderator
    Posted 2 years ago #

    you can 'move' the gallery shortcode to functions.php of your theme and add your inline styles there;

    see: http://wordpress.org/support/topic/edit-gallery-shortcode?replies=9

    if you think your problem is theme related, please contact the sellers of your theme for support.

  3. dmaqg
    Member
    Posted 2 years ago #

    Thanks for your reply. I don't really understand that, so I will probably leave it. Isn't there a way to style it in the page editing screen?

    I'm not sure how it could be theme related because I am running the same theme on both sites...

  4. Flash Buddy
    Member
    Posted 2 years ago #

    Add to your css:

    .post-inner-single, .post-inner {
        float: left;
        margin-bottom: 20px;
        width: 940px; /* change is here, was 100% */
    }

    Suggest, for my personal taste, you add to your css:

    .gallery .gallery-row {
        clear: both;
        display: block;
        margin: 0;
        overflow: hidden;
        padding-bottom: 30px; /* added padding */
    }
  5. alchymyth
    Forum Moderator
    Posted 2 years ago #

    this embedded style in the 'ranch' site is making the difference:

    <style type="text/css">
    	        			.ultimatepost{
    	        			float:left;
    
    	        			}
    	        			.ultimatepost .aligner{
    
    	        			}
    	        			</style>

    try to find out where it is coming from, why it is there, and remove it.

  6. dmaqg
    Member
    Posted 2 years ago #

    Ok, thanks I can work with those two comments.

  7. dmaqg
    Member
    Posted 2 years ago #

    Yeah! I have it fixed. I added your css, Flashbuddy, thank you! It actually looks even better than before with the padding between rows. :)

Topic Closed

This topic has been closed to new replies.

About this Topic