hey! sorry if i'm bugging you or anything but i think i fixed the main problem?? the container is no longer separated from the background! however, there seems to be scrollbars + there's empty space in the right and bottom areas and idk what's wrong with them? if i try to move the forward button, the whole theme gets wonky. thank you for the tutorial tho - it rlly helped!!
You’re not bugging me at all!! I always love to help people. As for your other problems? They’re not that hard to fix. One has to deal with the background colour and the other is probably the positioning of something.
First and foremost, let me explain the background – since that is the easiest one to do first.
I use a specific website when dealing with colours for tumblr themes. It’s really helpful because it takes colour codes from a specific image that I upload onto the website. I’ll give you the link to that because it’s a vital thing to have in general! I have it bookmarked for a reason. Here you go. Just follow the instructions there to get the specific code you want.
After you select and copy that colour, I would go to your editing page. You already have the meta name for a background so just take the code and paste it into where it says background in the main edit page (its the main customisation area of your blog.)
As for the scrollbars.
It happens to me sometimes too and its because something in your theme is positioned as absolute. I’ve come to notice that while absolute is very handy to have when it comes to some themes rather than fixed, it sometimes gives you a random scrollbar because of the way it is postitioned. In other words, if your screen resolution is a specific size and you position something OUTSIDE of your resolution in the ‘ absolute ‘ position, then it will automatically give you a scrollbar so you can scroll it up. I think there are out types of positions that do the same but I haven’t played around with codes for that yet.
I tried to zoom out to see maybe if the scrollbar would vanish, and it did! And I found out what it is too. it is your pagination. You now how you can go to the second page of your blog and so on? yeah, it is that. I didn’t even notice it but I couldn’t see your pagination when I was that the 100% zoom level. But I DID see it when I zoomed out maybe to the 75% level. That’s an easy fix too. It’s called the ‘navigation’ for you but this is the coding I found in your page source:
.navigation { font-family:cambria; width:210px; font-size:12px; margin-top:150px; margin-left:790px; padding-left:5px; letter-spacing:1px; font-style:italic; text-align:center; } .navigation a { color:#314f3d; }
It doesn’t have a position which is fine too – but it means that it is within the ‘block’ codes of another. (think of it like a package in a block: you could have it where your pagination is inside the block of, for example, the container, so it doesn’t NEED the positioning AS MUCH as the container would need it.)
You still would have to change the margin-top coding though. And you can. Just make the margin-top a SMALLER number – if you have to, make it a negative number, until you see it on your blog without having to zoom it out.
Fair warning though, you will not be able to see your pagination in your ‘customize’ page. What I normally do is just take it a bit at a time. I edit the codes, save the work, open a new tab and open your blog on it, and see where your pagination is. It’ll take a couple of tries but It’ll work, trust me.
I am sure that you can do it. I believe it you. If you still have problems, come to me. If all else fails, I probably will have to ask you for your theme codes so I can fix it myself. But I’m sure that you can do it. ^-^
I hope this make sense.
Oh remember, for your theme, its not going to say pagination, it is going to say navigation. don’t change it to pagination, just keep it as it is called because all codes come in pairs or groups. so remember to look for NAVIGATION not pagination.