Recent Topics

Styling a custom blog & blog posts

Started by on Feb 19, 2012 – Contents updated: Feb 19, 2012

Feb 19, 2012 00:12    

Hello everyone . . .

I had some great help from tilqicom last night and I was hoping one of you could point me in the right direction. . .

can someone point me in the right direction . . here is my site and blog

website - www.wightmanweb.co.uk
blog - http://www.wightmanweb.co.uk/blogs/index.php

how can I remove the flag that posts with each blog ?

how can I create a larger space between each blog post ? they seem to run into each other and are hard to read?

Thanks, Alan

Feb 19, 2012 00:36

Code

h3.bTitle {
    color: #015364;
    font-family: Calibri,Verdana,Arial,Helvetica,sans-serif;
    font-size: medium;
    font-weight: bold;
}
.bPost {
    margin-bottom: 40px;
}

and for the flag, comment out similar lines (in item.block.inc.php):

PHP

$Item->locale_flagarray(
                'before'    => '   ',
                'after'     => '',
            ) );

Feb 19, 2012 00:59

Thanks alot tilqicom . . Ive now just about got everything perfect . . .

I wonder if you could help me get the date of the post appear allong side the title of the post . .

at present the date is above the title but i'd like it along side it. would u know how to do this at all ?

Feb 19, 2012 01:05

That date is the date of the day the posts are published.

if you want to display date/time of each post, again in (in item.block.inc.php), add below where you want the post publish time displayed:

PHP

$Item->issue_timearray(
                    'before'    => ' ',
                    'after'     => ', ',
                ) );

Feb 19, 2012 01:21

perfecto . . I got it . . youve really helped me understand the fundimentals here . .

I am trying now to style the links in my side bar for archoves etc and I am trying to use either of these bits of code but I can't get any styling . .

can u point me in the right direction to gain the same styling as the rest of my blog ?

Code

.bSideItem widget_core_coll_common_links{
    color: #015364;
    font-family: Calibri,Verdana,Arial,Helvetica,sans-serif;
    font-size: medium;
    font-weight: bold;
}
.bSideBar bSideBar_right{
    color: #015364;
    font-family: Calibri,Verdana,Arial,Helvetica,sans-serif;
    font-size: medium;
    font-weight: bold;
}

Code

.bSideItem widget_core_coll_common_links a{
    color: #015364;
    font-family: Calibri,Verdana,Arial,Helvetica,sans-serif;
    font-size: medium;
    font-weight: bold;
}
.bSideBar bSideBar_right a{
    color: #015364;
    font-family: Calibri,Verdana,Arial,Helvetica,sans-serif;
    font-size: medium;
    font-weight: bold;
}

Thanks, Alan

Feb 19, 2012 02:05

Do not use widget classes like .coll_common_bla_bla unless you want to style all kind of those widgets.

If you want to style common things (h3-li's etc.) in all your widgets the same, add a class (see below) lets say "sideBlock".
If you want to aim at a particular widget, go to widgets click edit and assign a special id - class (see below: $wi_ID$-$wi_class$) so that you can do what you want without worrying about other widgets being effected.

PHP

<?php
        // ------------------------- "Sidebar" CONTAINER EMBEDDED HERE --------------------------
        // Display container contents:
        skin_containerNT_('Sidebar'), array(
        // The following (optional) params will be used as defaults for widgets included in this container:
        // This will enclose each widget in a block:
        'block_start' => '<div id="$wi_ID$" class="sideBlock $wi_class$">',
        'block_end' => '</div>',
...........................................

Feb 19, 2012 02:39

Thanks heaps mate . . . I'm pretty much done . . just need to figure out how to link my javascript now . . .

I cant seem to get it to work regardless of what I do . . .

If you think of anything , , let me know.

If u ever want a favour back in the way of design, or something or other be sure to let me know tilqicom :)


Form is loading...

powered by b2evolution – This forum is powered by b2evolution CMS, a complete engine for your website.