Support » Plugin: Blog-in-Blog » Styling

  • I’m trying to style the blog-in-blog plugin much like how the category archive styles for my website.

    I want it to look like this:

    Instead I have this:

    I’m not great with HTML…I have a slight understanding of how to use it. I’m really in search of trying to get a border around the featured image, make it more horizontal than square, add separator lines between stories and a cushion between the headline and excerpt.

    Here’s the HTML coding I have so far.

    <!-- fragment of html for post template. This file will be deprecated... -->
    <!-- blog-in-blog Version: %bib_version% -->
    <div class="post">
    <div style="border-top: 1px solid #d6d6d6>
    <!-- Post Headline -->
    <div class="post-headline">
    <div style="float:left; margin:0px">%post_thumbnail%</div>
    <a title="Permanent Link to %post_title%" rel="bookmark" href="%post_permalink%" id="%post_id%" >%post_title%</a>
    %post_date% : <small>%post_categories%</small>
    <!-- Post Body Copy -->
    <div class="post-bodycopy clearfix">%post_excerpt%</div>

  • The topic ‘Styling’ is closed to new replies.