I think the problem was the "Add CSS" field in the template customiser; I think it's actually meant for appending CSS instead of replacing it, so I replaced the CSS in the "View HTML" field instead.
I learned a bit of CSS while spending time editing it, so I can read it a lot easier now than when I originally started. Defintiely thankful for W3Schools and Liveweave (it's the first editor I found), as without those, I'd probably still be horribly lost.
Now that the blog's themed, I can finally work on the content.
(Edit) Oh right... I was supposed to put in a custom font... I'll do that later.
(Edit 2) Had to fiddle with the CSS again once the fonts were in place, but I think it looks decent enough (plus, font sizes are wonkier the CSS way than the old HTML way).
29 October 2014
Ugh...
I really was trying to mod one of the stock templates to make it how I like it, but apparently CSS works differently on Blogger than it should... I don't even know how that's even possible, but it somehow just is...
Specifically, "border-radius: 10px;" should round all four corners of the appropriate widget, but in Blogger, it only rounds the top and not the bottom. Again, how this works, I haven't a damn clue. What it seems like I'm going to have to do is to do the editing elsewhere and then copy it all over and pray that it works.
By no means am I going to give up on Blogger, but this is one of the things that frustrate me a lot - when the built-in tools are making it much more complicated than it should. Considering the nature of CSS and the fact that I don't know any CSS, I expected the theme-customising process to be slow, but it's ridiculous when it's slowed to a crawl.
I was really hoping that I can just modify a theme I liked and then go to bed, but I spent a lot more time than I wanted trying to get the CSS to work right.
Oh right, and in technicality, if I remove a property, then it shouldn't apply (as I noticed with Liveweave and Firefox's inspector, but apparently that's not the case, as I have to do something to nullify the property (e.g. changing a border from 1px to 0px to remove it).
Anyway, I need some sleep. Hopefully I can get the theme properly made and working right tomorrow.
Specifically, "border-radius: 10px;" should round all four corners of the appropriate widget, but in Blogger, it only rounds the top and not the bottom. Again, how this works, I haven't a damn clue. What it seems like I'm going to have to do is to do the editing elsewhere and then copy it all over and pray that it works.
By no means am I going to give up on Blogger, but this is one of the things that frustrate me a lot - when the built-in tools are making it much more complicated than it should. Considering the nature of CSS and the fact that I don't know any CSS, I expected the theme-customising process to be slow, but it's ridiculous when it's slowed to a crawl.
I was really hoping that I can just modify a theme I liked and then go to bed, but I spent a lot more time than I wanted trying to get the CSS to work right.
Oh right, and in technicality, if I remove a property, then it shouldn't apply (as I noticed with Liveweave and Firefox's inspector, but apparently that's not the case, as I have to do something to nullify the property (e.g. changing a border from 1px to 0px to remove it).
Anyway, I need some sleep. Hopefully I can get the theme properly made and working right tomorrow.
Subscribe to:
Posts (Atom)