Ten Twenty theme, Gallery List Formatting

  • Author
    Posts
  • #614641

    walterwalker
    Member

    Dear CSS Forum Members,

    I have created a WordPress blog at http://www.thefundraisingcoach.wordpress.org.

    The template is Ten Twenty and the home page articles are displayed in gallery mode.

    When the standard Ten Twenty template displays the gallery list, each article listing contains the photo and the first few lines of the article. Additionally, on top of the cell with article’s first sentences is a cell that will say, “This gallery contains 1 photo.”

    The info about the number of photos is irrelevant for my purposes. I was able to get rid of “This gallery contains 1 photo” by inserting the line below into the WordPress Edit CSS function.

    div.format-gallery div.entry-content p em {display:none;

    The question now is how (using the Edit CSS function) do I get rid of that photo information cell so that the cell with first few sentences of the article will be moved up? In other word, I would like to delete the cell or better yet merge the cell hold the place for “This gallery contains 1 photo” with the cell below containing the beginning sentences of the article.

    Any thoughts?

    W Walker

    The blog I need help with is walterwalker.wordpress.com.

    #614743

    justjennifer
    Moderator

    Would that be http://thefundraisingcoach.wordpress.com/ ?

    There are only a couple of forum volunteers proficient in CSS so you’ll have to be patient.

    #614744

    justjennifer
    Moderator

    I’ve also marked this thread to ask that it be moved to the CSS forum.

    #614959

    rdendtler
    Member

    Hi, I’m dealing with the same issue on my blog and I was wondering if you would be willing to share the changes to CSS you made to accomplish what you were looking to do?

    From looking at your site, it appears you have been successful, and I was hoping I could take advantage of that :)

    #614960

    timethief
    Member

    @rdendtler
    Please take note that this thread is about the Twenty Ten theme and all CSS editing is theme specific at WordPress.com so the changes walterwalker made to his/her blog are NOT applicable to yours which is wearing the MistyLook theme. Provided you have CSS editing experience and have purchased a CSS editing upgrade then please post your own thread into the CSS Forum by clicking this link > https://en.forums.wordpress.com/forum/css-customization#postform

    #614961

    rdendtler
    Member

    Timethief,

    Absolutely understand.. I’ve got a test blog as well, where I”m working on a theme upgrade for my full site.. On the testsite, I’m using the TwentyTen..

    Thanks, I will open a new thread for this.

    #614962

    timethief
    Member

    @rdendtler
    If this is about the Twenty Ten theme then a new thread is not needed. :)

    #614963

    rdendtler
    Member

    @timethief :)

    The site I’m testing Twenty Ten on now is http://turtlepoo.wordpress.com and once I’m happy with the look, I’ll be migrating (OK, re-doing) everything on my main blog site http://theparentingpassageway.com (custom domain)…

    Changing the div tags for format-gallery and format-entry seem to work, but I see what @walterwalker was trying to do and merge the blocks…

    I can get by with what he used, but certainly hope to get a little space back..

    I am also trying to hide the “More Galleries” text that appears at the bottom of the post on the front page. That appears to be related to the tag

    entry-utility

    but I’m not certain how to make JUST the “More Galleries” text disappear….

    #614965

    walterwalker
    Member

    rdebdtkerm

    I have pasted below the html coding I inserted into the Edit CSS box to alter the Twenty Ten theme. Also, I checked the “gallery” option in each post.

    W Walker

    .format-gallery .size-thumbnail img,.category-gallery .size-thumbnail img {
    border:0 solid #fff;
    margin-bottom:0;
    }

    .home .entry-content p {
    margin-top:-20px;
    }

    .entry-utility {
    display:none;
    }

    .entry-content p em {
    display:none;
    font-size:14px;
    line-height:20px;
    }

    #614966

    rdendtler
    Member

    Thanks, that was exactly what I was looking for!

The topic ‘Ten Twenty theme, Gallery List Formatting’ is closed to new replies.