kay go to edit html and find #all
write ,#all2 next to it so it looks like #all, #all2 {
then, above #post, write
#all2 {margin-top:-10px; margin-left:50px;}
then go all the way down until you see <div id=“all” class=“box fade-in one”>
change all to all2 so it looks like <div id=“all2” class=“box fade-in one”>
update preview and save. that should work! sorry abt the late reply heh
go to edit html and ctrl+f search <div id=“un”> and you’ll find where to put all the info :) if you need more help feel free to ask
ah that’s bc of the line break i added heh
put <br> right before the word that keeps getting broken off, that should make the entire word move to the next line :)
ah okay yeah i just realized today that i had made a tiny mistake in coding that haha
go in the code and do ctrl+f and look for “reblog url”
you should find smth that looks like {Reblog URL}
delete the space in between the words so it looks like {ReblogURL}
that should fix it! :)
go into customize > edit html
select all of the code that’s there and delete it
then, copy the code of theme 16 and paste it all into the empty space
update preview and save. now you can customize all of the colors and links and stuff c:
in the box labeled “linkA URL” put #?w=500 and that’s it! it should work now :)
paste this under <style type=“text/css”> and this under <body>
you dont have to put urls in the bars, just the names of the links. message me again off anon if this is still confusing
go in the code and look under <style type=“text/css”> and under body find the line of code that says background:{color:background};
for a fullscreen bg img, replace that with
background:{color:background} url(’{image:Background}’) no-repeat fixed center;
background-size:cover;
for a repeated bg img, replace it with
background-color:{color:background};
background-image:url(’{image:background}’);
background-repeat:repeat;
then, scroll back up to where the meta tags are, and under
<meta name=“image:Sidebar Image” content=“”/>
paste this: <meta name=“image:Background” content=“”/>
update preview and exit edit html but dont exit customize. you should see a little option to upload a background image there now, if you followed the instructions correctly. upload a background image and you’re done!
under <style type=”text/css”> there is a tag called body
under body, paste this:
background:{color:background} url(‘imageurl’) no-repeat fixed center;
background-size:cover;
replace imageurl with the url of the image you want to be your background
then, under #all paste this:
background-color:{color:background};
there u go
the links and description should appear when you scroll down past the header; you won’t be able to see it in customize though bc tumblr is weird like that haha
Sure! I’ll split the installation up into four parts.
1. Installing the theme itself: Copy the entire code. Then, go to customize>edit HTML // delete all of the theme code that’s already there. Then, paste the light years code in it’s place. Update preview and save!
2. Customizing the FAQ: Scroll to the bottom of the code until you see something that looks like <!————- TAB 2 ————–> // you’ll find the faq page section of the code below that. Replace I N T E R S T E L L A R with whatever title you want. Then, delete the stuff that looks like:
<li>Is this gospel?</li>
<blockquote>Yes, for the fallen ones.</blockquote>
/// and replace it with your own q’s and a’s. wrap your questions in <li> and wrap your answers in <blockquote> (for an example just look at the stuff you previously deleted). Update preview and save.
3. Customizing the About Page: Directly below the faq code, there is the about page code. Replace E X I S T E N C E with whatever title you want. Delete the random filler junk I wrote and fill it in with your own bio. Wrap headings with <h1> and content in <p> // update preview and save
4. Customizing the Navigation/Tags Page: Directly below the about code is the tags page. Replace A T L A S with whatever title you want. Every new column of links should be wrapped in <div id=“column”></div> and every category title should be wrapped in <h1></h1>
For the links, basically fill them in like <a href=“THEURL”>THE NAME OF THE LINK</a>
Delete all of the columns you don’t need and stuff.
AND THAT’S IT YAY NOW GO INSTALL THAT THEME
I got the code from meduesa aka trenzathemes so if this little tutorial helps you out, please thank her and not me c:
tutorial under the cut bc the code is a bit lengthy
in the css (the part of the code with all the margins and colors and # signs in it), look for #thing
under that, add right:15px;
so it would look like #thing { right:15px; blah blah other code; }
then, scroll down a bit until you find #updates. in that section, you’ll see margin-left:15px; change it to margin-right:15px
that should move the updates tab to the right! if that doesn’t work, go ahead and send me another message (preferably off anon please!)
<div id=“link1”>
<p class=“links_head”>SOMETHING</p>
<div class=“links_body”>
<a href=“/”>01.</a>
</div>
</div>
<div id=“link2”>
<p class=“links_head”>magic</p>
<div class=“links_body”>
<a href=“/” name=“03”>02.</a>
</div>
although, it’ll look kinda weird when you click on the first row of links. honestly, im not that proud of this particular page lol