General Question

allymariee's avatar

How to add padding around my tumblr posts?

Asked by allymariee (2points) September 19th, 2010
8 responses
“Great Question” (0points)

i’m trying to get it sort of like this.

http://loveejamess.tumblr.com/

im not really sure where in my theme html i need to put the code..or what the code even is. Help? Thanks guys! :D

Topics: , ,
Observing members: 0
Composing members: 0

Answers

jrpowell's avatar

Can you link to what is currently there? It is hard to do without seeing exactly what we are looking at.

jrpowell's avatar

Ohhhh. That is a huge problem.

OK.. The easiest way is to get into the place where you edit the html for your theme.

Change this

div#beats {
float:right;
padding-left:30px;
padding-right:10px;
padding-top:10px;
width:500px;

Change the width to 450 in the width property.

allymariee's avatar

Thank you so much! you fixed it! :D! okay so. one last question. like that other tumblr, do you know how i can get those type borders around my posts? this tumblr has it too.

http://anthonyyyy.tumblr.com/

You’re a life saver!

jrpowell's avatar

It looks like something broke on your site.

But to do this is a bit complicated.. Your theme is a bit of a mess. I think this would work.

div#entry{
padding-top:10px;
padding-bottom:10px;}

Change that to:

div#entry{
padding-top:10px;
padding-bottom:10px;}
-moz-border-radius: 10px;
border-radius: 10px;

But it won’t be visible since everything is white. So we will add a background color to the post. Just grab a different value to change to color. I will use light gray.

div#entry{
background-color:#ccc;
padding-top:10px;
padding-bottom:10px;}
-moz-border-radius: 10px;
border-radius: 10px;

I didn’t test this since your site is a bit messed up at the moment and I didn’t want to waste time. What is above should work.

allymariee's avatar

sorry for the random mess. i was trying to fixing something. I put in the code you suggested. but for some reason it put one very box like border around every post. Take a look back at my page?

jrpowell's avatar

That didn’t work as planned. I would delete what I suggested in my last post. It makes it hard to read.

To be perfectly honest I don’t really want to help anymore. Here is my reasoning. I have answered so many Tumblr questions and after hours of work they switch themes and want help with the new one. I’m a bit jaded and don’t want to do that again. Hopefully someone can help. Good luck.

robmandu's avatar

Fyi: try reading more about CSS padding and margins.

And I second @johnpowell‘s observation, with so many free tumblr themes to choose from, it’s often just easier to switch to something you like better.

Answer this question

Login

or

Join

to answer.

Mobile | Desktop


Send Feedback   

`