Support » Themes and Templates » Applying gallery functions to theme

  • I am now using a theme called Simple Notebook, which I have modified slightly. I like it’s simplicity but I miss one feature from my previous theme Twenty Ten. I’ve discovered that the gallery doesn’t work the same way. In Twenty T it kinda worked like a facebook-album.

    What makes TT’s galleries it behave like that, and how can I apply the same function to my current theme?

    I would really appreciate your help! Please share your wisdom!

Viewing 2 replies - 1 through 2 (of 2 total)
  • You need to look at the Twenty Ten style.css file – particularly the CSS that is used on the gallery.

    Thread Starter unnderbar

    (@unnderbar)

    I’m really having a hard time figuring it out!
    Here is the image-part of the css file:

    /* =Images
    ————————————————————– */

    #content img {
    margin: 0;
    height: auto;
    max-width: 640px;
    width: auto;
    }
    #content .attachment img {
    max-width: 900px;
    }
    #content .alignleft,
    #content img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
    }
    #content .alignright,
    #content img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
    }
    #content .aligncenter,
    #content img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    #content img.alignleft,
    #content img.alignright,
    #content img.aligncenter {
    margin-bottom: 12px;
    }
    #content .wp-caption {
    background: #f1f1f1;
    line-height: 18px;
    margin-bottom: 20px;
    padding: 4px;
    text-align: center;
    }
    #content .wp-caption img {
    margin: 5px 5px 0;
    }
    #content .wp-caption p.wp-caption-text {
    color: #888;
    font-size: 12px;
    margin: 5px;
    }
    #content .wp-smiley {
    margin: 0;
    }
    #content .gallery {
    margin: 0 auto 18px;
    }
    #content .gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
    }
    #content .gallery img {
    border: 2px solid #cfcfcf;
    }
    #content .gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
    }
    #content .gallery dl {
    margin: 0;
    }
    #content .gallery img {
    border: 10px solid #f1f1f1;
    }
    #content .gallery br+br {
    display: none;
    }
    #content .attachment img { /* single attachment images should be centered */
    display: block;
    margin: 0 auto;
    }

    What am I not seeing?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Applying gallery functions to theme’ is closed to new replies.