Put border to seperate sidebar and posts (10 posts)

  1. mochaquest
    Posted 7 years ago #


    I am using Cutline theme and currently thinking of putting a border to seperate the sidebar and the posts. Is there any way to do it?

    My blog is http://www.mochaquest.com


  2. geedee99
    Posted 7 years ago #

    hey mocha,

    I see you were successful in putting boarders around your post.

    How'd you do it?

    I want to do the same on mine. http://greedygenius.com

    Thanks, Gee

  3. esmi
    Forum Moderator
    Posted 7 years ago #

    You're using a completely different theme, so mochaquest's solution for the Cutline theme wouldn't help you. Try adding:

    .post{border:1px solid#999;}
    to the bottom of style.css

  4. geedee99
    Posted 7 years ago #

    Thanks!!!!!!! that worked


    Next question... I can't seem to figure out why I have that extra space at the top of the first post. Any ideas where to look?

    Thanks for the help, Gee

  5. Michael
    Forum Moderator
    Posted 7 years ago #

    look for this piece of code in your index.php:

    <div id="main2">
            	<div id="col1">
                	<div class="block">
                    	<!-- BEGIN EDIT COPY BELOW -->
    			<div class="post"

    and remove the <p>

  6. esmi
    Forum Moderator
    Posted 7 years ago #

    Try adding:

    .block {margin-top:-30px;}

    to the bottom of style.css.

  7. geedee99
    Posted 7 years ago #

    esmi you are BAD ASS. Thanks that worked.

    OK you up for helping with one more?

    We're using images from our Picasso gallery and they have links on them so the "link color" is showing as it's boarder color (the yellow boarders like here: http://www.greedygenius.com/blog_all/?cat=9).

    Is there a way to force the boards to be a different color but still keep the titles in yellow?

    P.S. For your help if you like something in the store I setup a 50% off promo code [ oceanrunner ] or I can send you a shirt for free if you see one you like.

    Thanks, Gee

  8. esmi
    Forum Moderator
    Posted 7 years ago #

    Yes - it should be possible. Try adding the following to the bottom of style.css:

    a img {border:1px solid #999;}

    If you want a black (essentially invisible) border, just change #999 to #000.

  9. geedee99
    Posted 7 years ago #

    That worked.

    Thanks for all your help. Our blogs looking pretty tight now.

    Got any suggested sources to learn how all these tags work?

    A cheat sheet or play book?

  10. esmi
    Forum Moderator
    Posted 7 years ago #

    I've got three WP Codex pages permanently bookmarked:


    I usually find that, whatever I want to do, those pages usually contain a starting point - if not the whole solution.

    For CSS, try http://www.w3schools.com/css/css_reference.asp

Topic Closed

This topic has been closed to new replies.

About this Topic