Catching Elephant Theme: Archive

Hi! 1. Thanks so much for creating this theme. It's really beautiful, simple and functional. I love it! It works great for my blog: kanthelpme.com 2. I understand that you want to advertise your theme but my guests have complained that every time they click on a link on my page it redirects them to the "Do you want to install this "Catching Elephant Theme" page?" Is there a way I can remove this or reduce this? It also transforms large parts of my text into URLs that redirect to such a page, making the URLs I have spent time to include in my blog harder/impossible to identify from other text. 3. Can I change the color of the blue highlight? I love that it does that, I think it's really cool and interactive but I would prefer white. Thank you so much for your help!

I can only find one instance of a link pointing to the theme install page on your blog. Which is strange. Because it shouldn’t be there and it should be at the bottom of the navigation, which it isn’t.

I don’t really know what you’ve done. Maybe you did something when you put that counter thing down where the actual theme link is supposed to be.

May 31, 2010

hi, i am using this for my other blog, but i cant seem to put my picture nor add twitter. my pic is 300px potrait. is it because i host it through imgeshack? pls help me, coz its an awesome theme http://runsrhrun.tumblr.com

Looks like you worked it out.

May 30, 2010

Hello sir! I've been using this theme for months now and truly this is the best theme here in Tumblr. I just wanna ask something, how will I ever change the box (the one being in glow when hovered) to transparent? I just wanna test if my background really is cool and making the theme more in a liquified manner. Thanks and truly a great theme.

You could make it transparent by adding this to your custom css.

.lightpanel { background: rgba(218,211,211,0.9); }

Although it looks terrible. And there’s a whole lot of other things you’d need to change to make it look even remotely good.

May 27, 2010

2009 macbook, 2.13 ghz w/2 gigs o' ram. maybe chrome just hates me, earlier today it nearly choked to death on an (admittedly large) gif.

Yeah that’s really strange. It works perfectly on my old ‘07 MacBook. Does it work fine in Firefox and Safari? What version of Chrome are you using?

May 26, 2010

thanks for the gorgeous theme! (which i have done horrible things to.) just thought i would let you know that in chrome, the teal glow does strange things, lots of weird lag in scrolling particularly.

Strange. I use chrome or mobile safari on every computer I use and I’ve never had that issue. How old is your computer?

May 26, 2010

how can i place the blogs i follow on my page?

Have a read of this.

May 25, 2010

Hey (sorry for my bad english), First of all, this is a fantastic theme! I customized it a bit. You can see it at http://twiptt.tumblr.com/. My question is or I can add an other block under the Twitter block with a javascript code to create a a rss reader with recent posts from my Blogger textblog: http://twiptt.blogspot.com/. I already have the javascript code, it looks like this: <script style='text/javascript' src='http://blogergadgets.googlecode.com/files/recentpostswidgetv1.js'></script><script style='text/javascript'>var numposts = 3;var showpostdate = true;var showpostsummary = true;var numchars = 100;</script><script src='http://www.twiptt.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts'></script>. I tryed it myself but when I add the code my page get messed up. Hope you can help me!. Twiptt.

I suppose you can just put it in under the Twitter thing. But I tried it and it looks terrible. You would need to edit the css as well to make it look alright.

May 25, 2010

you probably get this question alot but: is it possible to put a custom image as the background? thanks! I love your theme :]

Yep see this.

May 25, 20101 note

Thanks for answered on my last question :) I have just one more: Can I change the text on tumlog tittle area to the image, ex. logo? Thanks for answer. Your theme is just awesome :)

Yeah you can, but each ‘logo’ is going to be different. So I didn’t make it a custom option. Just too hard to make every option look good by default. You’ll need to edit the custom HTML to do it.

May 25, 2010

Hi there! I seem to have a major issue that I beleive you can resolve it simply by looking at your code. First of all All I want to do is install this: http://bar.meebo.com/ All I have to do is put the following code into <body>: <script type="text/javascript"> if (typeof Meebo == 'undefined') { Meebo=function(){(Meebo._=Meebo._||[]).push(arguments)}; (function(_){ var d=document,b=d.body; if(!b){var c=arguments.callee; return setTimeout(function(){c(_)},100)} var a='appendChild',c='createElement', m=b.insertBefore(d[c]('div'), b.firstChild),n=m[a](d[c]('m')),i=d[c]('iframe'); m.style.display='none';m.id='meebo';i.frameBorder="0"; n[a](i).id="meebo-iframe"; var d=i.contentWindow.document;d.open(); d.write(['<body onload=\'var d=document;d.getElementsByTagName("head")[0].', a,'(d.',c,'("script")).src="http',_.https?'s':'','://', _.stage?'stage-':'','cim.meebo.com','/cim?iv=2&network=', _.network, _.lang?'&lang='+_.lang:'','"\'></body>'].join('')); d.close(); }) ({ network: 'jasesays_si43su', stage: false }); Meebo("makeEverythingSharable"); } </script> But strangely I cant find the body tag! in the Catching Elephant theme... Please help me out!

Search for <body id=”home”>

May 25, 2010

Hello, my name is Alex, sorry for my bad english... I have a question, if you can help me... How can i implement next to the "tweet it" a link to my blog. I have tried, but with no succes.Thank you very much for your assistance

Sorry, I don’t really understand. What I think you mean is to put another link next to Tweet it, so it says:

∞ PERMALINK POSTED 1 MINUTE AGO TWEET IT YOUR LINK

But I’m not sure why you would want to do that seeing as visitors are already at your blog.

I think I’ve probably misunderstood your question though.

May 16, 2010

hi. I really love this theme. can i change the background? if so, how do i do that? thank you

See this.

May 16, 2010

This has kind of come up under customising colours asked earlier, but I was wondering about the possibility of custom backgrounds - I absolutely adore this theme for its functionality and simplicity of layout, and I haven't found any others to match it, but I'd love to be able to brighten it up tad! Thanks so much for creating the theme though!

Yep, you just need to do it in Custom CSS in the Advanced tab of Customise. For example:

body { background: #000000 url(image.jpg); }

#000000 is the hex colour for black. image.jpg is the url of the image you want to use. So you will need to upload an image somewhere, like tinypic.com for example. There are plenty of other variables you can add in before the ; like repeat-x (repeats the image on the x axis), repeat-y (repeats the image on the y axis), no-repeat (doesn’t repeat the image). You can position it, so for example putting center top before the ; will repeat the image from the center rather than the top left corner.

There are lots of other variables. Have a look at this to read about all of them.

May 16, 20103 notes

Your theme is awesome, but I'm having a couple of problems. I can't for the life of me figure out how to resize images or videos with this theme. I've deleted the max and min width restriction in the style sheet and resizing the image within the image/video code isn't working either. Is there another restriction somewhere in the code? also, the code for my page isn't compatible at all with firefox. Any help? Thanks!

Wow, you customised it so much I didn’t even recognise it.

Images
There are set sizes Tumblr can display images at. 500, 400, 250 and 100 pixels wide. If you want to use bigger images, you need to use {PhotoURL-HighRes}. But doing that will bring in the image at whatever size it was uploaded. So it isn’t advised, unless you’re going to resize every image individually before uploading.

Videos
Same with videos kind of. 500, 400 or 250 pixels wide. The CSS below might adjust the width, but I haven’t tried it.
.video object, .video embed { width:600px; }

Firefox
I tested the theme in Firefox and it works fine. If it doesn’t work now that you’ve customised it beyond recognition then sorry, but I can’t help you.

May 12, 2010

re: my prior question was just being stupid and worked it out myself, didn't spot the custom html button!

If all you want to do is change the typeface in the title area. You would be better off not using Custom HTML, but using Custom CSS.

I push out little updates pretty regularly that you won’t get if you have Custom HTML turned on. But most of the changes you would want to make can be done with Custom CSS.

It’s under the Advanced tab in Customise. For example to change the headding font type in:

h1 {font-family: Helvetica,sans-serif; font-weight:lighter; font-style:normal; }

That will override the standard style for the Heading 1. But if you turn off Custom HTML you’ll still get updates when they come out.

May 10, 2010

Hey man, loving the theme! Got a quick question. Whenever I post a photo, it seems to have a small (2-3 pixel) white border at the bottom of the photo. Just wondering what might be causing it. Thanks for the help. - Bill Mackin

It was the top and bottom border of the grey area where type usually goes. I’ve just submitted an update that fixes it. But you’re using custom html.

So search for:

<div class=”lightpanel”>
{block:Caption}
<div class=”caption photocaption”>{Caption}</div>
{/block:Caption}
</div>

And replace it with:

{block:Caption}
<div class=”lightpanel”>
<div class=”caption photocaption”>{Caption}</div>
</div>
{/block:Caption}

May 9, 20102 notes

How do you insert the picture on the lefthand side under your blog title?

See this

May 8, 2010

I was wondering if there's a way to change how vertical images are displayed. The problem is that they're made to be as wide as possible, even if it's wider than the original picture. It was particularly a problem for this post: http://johnnysullivan.tumblr.com/post/579354931/antilockebrakes. In that post, the picture's huge, but if you click on it you see that the original picture is nowhere near that big. I would prefer it not to stretch pictures out like that. Is there a way to do that?

It is sort of possible. But you can’t specify that it only happens on vertical images. I made the decision that it was important for images to all be 500px wide so that they all looked consistant and didn’t break the layout. For example, there’s plenty of almost–500px–images that look terrible in the layout if they’re not stretched. Like this for example.

You end up with white strips on either side or white space to the right, depending on whether you center the image or not. This is what that post you mentioned looks like un-stretched. Potentially better than a mega-pixely image, but still not great.

It’s a trade off. I’m more likely to post images in the 400-500 range that look fine stretched a small amount than I am to post a crappy small images. So I did it that way. If you’re going to post heaps of small images then you might want to turn it off, but do so knowing it’ll probably affect heaps of other images.

To do it, put this in Custom CSS:

.image {
text-align: center;
}

.image img {
min-width: 5px;
}

May 7, 2010

Drop shadow & rounded edges appear in safari but not in firefox. It's normal right?

They’re all done with CSS3. Recent versions of Firefox support CSS3 fully. Older versions don’t. Just need to upgrade Firefox.

May 5, 2010

hello, how can i grab your backgroung from this theme? This is because i have this blog, but i have my photo gallery and a website, and i'd like to have a consistent look to all three. Can you help me?

background: url(http://static.tumblr.com/z7lhmdl/mgVkwsss8/bg.png) #8f9595 repeat-x fixed;

The URL in there is the actual image. Don’t hotlink the image though, download it and put it on your own server.

May 2, 2010

Catching Elephant Theme

May 2010

21 posts