Support » Theme: raindrops » have two columns instead of one

  • 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.

    motivationbymallory

    (@motivationbymallory)

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

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

    motivationbymallory

    (@motivationbymallory)

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

    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.