• First, hello!

    I have got a problem with my installation of the “Jasov theme” but i think it is not necessarily important to know that theme, maybe you can help me anyway.

    The thing is: I published a post which contains an image, which is aligned left. Now, there should be a padding between the image and the text, for some reason this happens to be if you open the post, but on the front page there is the text just next to the image, which, of course, looks a bit crappy.

    It seems I cant figure this one out for myself, I looked into the template files but they seem more or less identic at the parts which (in my opinon) matter.

    It would be great if you had a suggestion what i could try, if you want to have a look at the problem, it is regarding the first post on https://www.timme.cc

    Thank you very much in advance,
    Timme

Viewing 10 replies - 1 through 10 (of 10 total)
  • It looks like you need to add some basic style sheet elements to your theme:

    .texty img.alignleft {
        display: inline;
        margin: 3px 7px 3px 0;
        padding: 5px;
    }

    The above was taken from your single view of the first post. If you drop the ‘.texty’ and add that style element to your main styles.css file you should see the correction you are looking for.

    Thread Starter derTimme

    (@dertimme)

    awesome, thank you very much!

    now theres this other thing that the author name / date / category is displayed at the wrong place, next to the image on the post-page.. i don’t get that either.
    got any idea how to solve this, too?

    This is a common “clear float” issue often seen when doing Theme reviews.

    Again, taking from your theme:

    .postmetadata {
        background: url("images/shadow.gif") no-repeat scroll center bottom transparent;
        clear: both;
        margin: 0 0 60px;
        min-height: 40px;
        padding: 6px 0;
    }

    This time from the index view, I would expect if you add an additional element using the ‘.texty’ class ( .texty .postmetadata { … } ) to your style sheet you should see the correction you are looking for. The key is the ‘clear:both;’ property.

    Thread Starter derTimme

    (@dertimme)

    ok i added

    .texty .postmetadata {
        background: url("images/shadow.gif") no-repeat scroll center bottom transparent;
        clear: both;
        margin: 0 0 60px;
        min-height: 40px;
        padding: 6px 0;
    }

    but it does not seem to work. also i tried it without the dot or without a space in before the postmetadata but it doesn’t work either.

    Well I must admit it was a bit of a stab in the dark, the Theme author may be interested in these issues and may offer other solutions. In the meantime, you can remove what you just added as “it does not seem to work.”

    … and try this (again, all of these are being offered without testing):

    div.texty small {
      clear: both;
    }

    Thread Starter derTimme

    (@dertimme)

    i am very glad that you are trying to help even if you stab in the dark.

    but the one with div.texty small does not work either ??

    would it not be possible to maybe add something between any of those lines?:

    <?php the_content('<p class="serif">Read the rest of this entry &raquo;</p>'); ?>
    
    				<?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
    				<?php the_tags( '<p>Tags: ', ', ', '</p>'); ?>
    				<small>By <?php the_author_posts_link(); ?> | <?php the_time('j') ?>. <?php the_time('M') ?> <?php the_time('Y') ?> | <?php the_category(', ') ?> | <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></small>
    				<div class="postmetadata">

    (those are from the single.php which i figure is responsible for the … well.. single post view which is somehow wrong (?)

    Yes, although it is considered a bit of a “hack” … after the_content(), add this:

    <div style="clear:both;"></div>

    Thread Starter derTimme

    (@dertimme)

    that doesn’t matter to me as long as it works,
    aaand it does ??

    i see why people would want to avoid that because it looks a little more “hardcoded” but i don’t think i will change anything what could be affected by this.

    so, anyway, thank you very much for helping me out here!

    timme.

    You’re welcome!

    You might want to consider bookmarking this thread in case you update your Theme; any edits you make will generally be over-written with an update.

    Thread Starter derTimme

    (@dertimme)

    good advice, i’ll do that.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘No image padding on front page’ is closed to new replies.