Ok so i was wondering if someone knows if there is a way to change Tumblr html code so that every photo i post on there can be smaller and all the same size or at least smaller?
heres the link - http://powellcustomdrums.tumblr.com/ can you view the code and tell me how to change all the image sizes so when i post something it gets smaller?
also any idea how to make my text content on the right hand side of each photo? almost like this forum section or like how sjc has it - www.sjcdrums.com
ok AWESOME it works!!!! Thanks a LOT! now what about making the photo go to the far left and having my posts text to the right of each photo instead of under it?
i did the float photo left part easy but the link you gave me which code do i copy and where exactly do i paste that code in my tumblr to make it work? and do i change or add anything to that?
You'll need to put the CSS from the link into your "Custom CSS" box in the customization screen. Then you'll need to edit your template by clicking 'Edit HTML' and adding that class to your post-photo divs.
im almost gonna give up on it :( i dont know where to post the code ive tried everything not sure what code to post in my ADD CSS box and then post what?? after that in my edit html and on what :line: in my tumblr to put that code?
sorry for the questions and confusion and i may be able to figure this out if you can guide me one last time? Thanks :)
Im just going to keep the photos floating left im happy with it now thanks a lot for all the help!
Last question maybe you can help How do i make it so when someone clicks on my photos they zoom in bigger on the same page and the background gets darker like a "LIGHTBOX" so when there done viewing it they x the photo out? i know people say it can be done with TUMBLOX or something? Can you help me with this?
ok i found out how to do this LIGHTBOX in TUMBLR and im so close but i think im messing up a small piece somewhere maybe you can check my code out and see where i am going wrong? here is the page where i found the STEP by STEP -
last thing i think the real problem is the last step where they tell me to post - Go to Customize Theme > Edit HTML Just after the {block:Photo}, find the {LinkOpenTag} and change it to this:
if i email u my tumblr login and password can you rearrange and fix the coding so it works? i uploaded all the css and everything already unless you wanna redo it!
Hi, I've tried and tried to get the images on my blog smaller. I went all the way down to size 75 on the code you posted above and for some reason the pics are still huge. Here's my blog: natazianatazia.com I bought the theme and can send you the code if ya need it. I hope you can help.
@natazia - what are you trying to accomplish? Post your theme's code here and create a secret gist: https://gist.github.com/ Then post back a link to it.
It appears as though you're still loading in the high res version of your images.
Tumblr allows you to choose from a wide range of pre-defined image widths.
All of that info can be found here: http://www.tumblr.com/docs/en/custom_themes#photo-posts
Remove the margin, add 'float: left', add 'margin-right: 10px;'
On the post-photo divs you'll need to add a class of 'clearfix' and put the following in your CSS file: http://css-tricks.com/snippets/css/clear-fix/
sorry for the questions and confusion and i may be able to figure this out if you can guide me one last time?
Thanks
:)
Then click 'Edit HTML' and look for class="post-photo" and change it to class="post-photo group".
because mine has - class-"post-content post-photo"
go here - http://powellcustomdrums.tumblr.com/
It should be like this:
2) It doesn't look like you've added the CSS code I posted above to your website.
3) Just add another class to it. So it'd be "post-content post-photo group". You can have as many classes as you want on any element.
Last question maybe you can help How do i make it so when someone clicks on my photos they zoom in bigger on the same page and the background gets darker like a "LIGHTBOX" so when there done viewing it they x the photo out? i know people say it can be done with TUMBLOX or something? Can you help me with this?
http://www.webcunningham.com/add-a-lightbox-2-slideshow-to-your-tumblr-posts/
here is my page -
http://powellcustomdrums.tumblr.com/
Now in the steps i uploaded everything but where im confused is it says to change the code to:
do i keep the - [ there ? and do i do my path like
- http://static.tumblr.com/ppqzotg/wq6m90km0/lightbox.css
last thing i think the real problem is the last step where they tell me to post -
Go to Customize Theme > Edit HTML
Just after the {block:Photo}, find the {LinkOpenTag} and change it to this:
Then find the {LinkCloseTag} and change it to this:
on my page my Link Open Tag looks like this -
2) I downloaded your theme, your entire photo post block should look like this if unaltered:
As you can see, there is no trailling
</a>after the link close tag, so I'm not sure what you're referring to .Based on the instructions that you showed me above, it should end up looking like this:
Hi, I've tried and tried to get the images on my blog smaller. I went all the way down to size 75 on the code you posted above and for some reason the pics are still huge. Here's my blog: natazianatazia.com I bought the theme and can send you the code if ya need it. I hope you can help.
@natazia - what are you trying to accomplish? Post your theme's code here and create a secret gist: https://gist.github.com/ Then post back a link to it.
It appears as though you're still loading in the high res version of your images.