WordPress.org

Ready to get started?Download WordPress

Forums

raindrops
[resolved] have two columns instead of one (7 posts)

  1. motivationbymallory
    Member
    Posted 4 months ago #

    How do i change it to have my blog posts on two separate columns like this motivationbymallory.tumblr.com, leaving the menu bar up top.

    My site motivationbymallory.com

    thank you!

  2. nobita
    Member
    Theme Author

    Posted 4 months ago #

    Hi motivationbymallory

    Please add to style.css last line below code.

    #doc .yui-ge > div.first{
    	width:550px;
    }
    .home .index li{
    	border:1px solid rgba(222,222,222,.5);
    	width:49%;
    	margin:.5%;
    	clear: none;
    	display:inline-block;
    	float:left!important;
    	overflow:hidden;
    	padding:10px;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-ms-box-sizing: border-box;
    	box-sizing: border-box;
    }
    #header-image{
    	margin-top:-72px;
    }

    Thank you.

  3. motivationbymallory
    Member
    Posted 4 months ago #

    ok, how do I make it so the blog posts aren't so far away from each other?

  4. motivationbymallory
    Member
    Posted 4 months ago #

    sorry for another question but when you go to my "pages" click on the mallorys recipes and notice that "recent posts" no longer has a white background along with the comments on the bottom. How do I make the background of the sidebar stay white?

  5. nobita
    Member
    Theme Author

    Posted 4 months ago #

    ok, how do I make it so the blog posts aren't so far away from each other?

    motivationbymallory.tumblr.com is float layout.

    If possible, do you want to how, You should be explain in detail using as pictures you.

    I, English is not good at, please, to show as much as possible

    In the range of my understanding try below

    #doc .yui-ge > div.first{
    	width:550px;
    }
    .home .index li{
    	border:1px solid rgba(222,222,222,.5);
    	width:49%;
    	margin:.5%;
    	clear: none;
    	display:inline-block;
    	float:left!important;
    	overflow:hidden;
    	padding:10px;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-ms-box-sizing: border-box;
    	box-sizing: border-box;
    	height:400px; /* you need config height */
    	overflow:auto;
    }
    #header-image{
    	margin-top:-72px;
    }
  6. motivationbymallory
    Member
    Posted 4 months ago #

    I want it to flow, one blog post after another. No spaces. Like this website
    http://www.undressedskeleton.tumblr.com

  7. motivationbymallory
    Member
    Posted 4 months ago #

    never mind! Thank you I figured it out.

Reply

You must log in to post.

About this Theme

About this Topic

Tags