• Resolved motivationbymallory

    (@motivationbymallory)


    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!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author nobita

    (@nobita)

    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.

    Thread Starter motivationbymallory

    (@motivationbymallory)

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

    Thread Starter motivationbymallory

    (@motivationbymallory)

    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?

    Theme Author nobita

    (@nobita)

    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;
    }

    Thread Starter motivationbymallory

    (@motivationbymallory)

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

    Thread Starter motivationbymallory

    (@motivationbymallory)

    never mind! Thank you I figured it out.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘have two columns instead of one’ is closed to new replies.