{"id":1342,"date":"2011-07-07T17:09:39","date_gmt":"2011-07-07T22:09:39","guid":{"rendered":"http:\/\/smilecitrus.info\/?p=1342"},"modified":"2011-07-07T21:29:11","modified_gmt":"2011-07-08T02:29:11","slug":"well-that-was-harder-than-i-thought-itd-be","status":"publish","type":"post","link":"https:\/\/smilecitrus.info\/?p=1342","title":{"rendered":"Well, that was harder than I thought it&#8217;d be"},"content":{"rendered":"<div id=\"attachment_1349\" style=\"width: 594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/smilecitrus.info\/wp-content\/uploads\/not_Fun.png\"><img aria-describedby=\"caption-attachment-1349\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/smilecitrus.info\/wp-content\/uploads\/not_Fun-1024x576.png\" alt=\"\" title=\"not_Fun\" width=\"584\" height=\"328\" class=\"size-large wp-image-1349\" srcset=\"https:\/\/smilecitrus.info\/wp-content\/uploads\/not_Fun-1024x576.png 1024w, https:\/\/smilecitrus.info\/wp-content\/uploads\/not_Fun-300x168.png 300w, https:\/\/smilecitrus.info\/wp-content\/uploads\/not_Fun-500x281.png 500w, https:\/\/smilecitrus.info\/wp-content\/uploads\/not_Fun.png 1280w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/a><p id=\"caption-attachment-1349\" class=\"wp-caption-text\">My face after finally figuring this shit out<\/p><\/div>\n<p>I just switched (tentatively) to the Twenty Eleven theme for WordPress. I obviously don&#8217;t know anything about web design or CSS, but I found it annoying how narrow the content column is and thought, na\u00efvely, that fixing it would be easy. I assumed I could just go ahead and change one or two lines in the style.css file and be done with it, so I looked at this bit:<\/p>\n<p><code>#content {<br \/>\n\tmargin: 0 34% 0 7.6%;<br \/>\n\twidth: 58.4%;<\/code><\/p>\n<p>and changed the 58.4% to something higher. I refreshed the page and it didn&#8217;t look any different so I also looked at this bit and reduced the width by the same number of percentage points that I increased the content width by:<\/p>\n<p><code>#secondary {<br \/>\n\tfloat: right;<br \/>\n\tmargin-right: 7.6%;<br \/>\n\twidth: 18.8%;<\/code><\/p>\n<p>That didn&#8217;t seem to do anything either. I then thought that maybe I had to create a &#8220;child theme&#8221; of the Twenty Eleven theme for things to work, so I restored the original style.css file for the Twenty Eleven theme and proceeded to create a child theme. The style.css file for the child theme was completely empty except for modified versions of the above two lines. It looked like this:<\/p>\n<p><code>\/*<br \/>\nTheme Name: Twenty eleven Child<br \/>\nDescription: Twenty eleven child theme<br \/>\nAuthor: asdfgh<br \/>\nTemplate: twentyeleven<br \/>\n*\/<\/p>\n<p>@import url(\"..\/twentyeleven\/style.css\");<\/p>\n<p>#content {<br \/>\n\tmargin: 0 26% 0 7.6%;<br \/>\n\twidth: 66.4%;<br \/>\n}<\/p>\n<p>#secondary {<br \/>\n\tfloat:right;<br \/>\n\tmargin-right: 7.6%;<br \/>\n\twidth: 10.8%;<br \/>\n}<br \/>\n<\/code><\/p>\n<p>This didn&#8217;t seem to work either. I gave up and decided that I should try to use the Twenty Ten theme and see if I could make <em>it <\/em>wider. I didn&#8217;t really care which theme I ended up using; I was just sick of the &#8220;Classic&#8221; theme that I&#8217;ve been using for a long time and wanted something different, so long as it wasn&#8217;t really, really narrow. So I went ahead and looked at the style.css for the Twenty Ten theme, trying to find the lines that I might need to change. I tried changing a few bits here and there that seemed, as far as I could tell, to be the lines that controlled the width of the page, content column and side bar area. Again, none of this seemed to work, regardless of whether I changed the values in the style.css for the Twenty Ten theme itself or if I made the changes via a child theme.<\/p>\n<p>I then read a thread somewhere in which a user complained that he or she was trying to change something in a child theme but that no matter what he or she changed the blog looked the same. The person who responded to the post gave a very curt reply, saying, &#8220;clear your browser cache&#8221;. The OP responded to that message saying, of course, that all of his or her modifications were now showing up. Of course, after reading that I realised that this was my problem too. It really is as easy as just changing the percentages in the style.css file, but I ended up spending a few days wondering about this because I overlooked such a mundane factor as my browser cache. Dabbling in things you&#8217;ve got no knowledge or experience in sure is a good way to make yourself feel like an idiot!<\/p>\n<p>Now this site looks decent without so much wasted white space when viewing it on my 1280&#215;1024 monitor or my 1920&#215;1080 monitor. I need to get a better header image though. This one doesn&#8217;t really fit.<\/p>\n<p>Incidentally, I missed <em>Mawaru Penguin Drum <\/em>because I was so distracted by this. I ended up writing down the time incorrectly. Why the hell do Japanese TV stations have to list times in the early morning as though it&#8217;s part of the previous day? I was going to watch the show live streaming at 26:25 on July 07 (it&#8217;s weird saying that, since it&#8217;s still in the future in my time zone) but I missed it because I wasn&#8217;t paying particularly close attention and wrote down that it would be on at 26:55. I tuned in in time to see some commercials and then a rerun of <em>Denpa Onna to Seishun Otoko<\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I just switched (tentatively) to the Twenty Eleven theme for WordPress. I obviously don&#8217;t know anything about web design or CSS, but I found it annoying how narrow the content column is and thought, na\u00efvely, that fixing it would be &hellip; <a href=\"https:\/\/smilecitrus.info\/?p=1342\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6,5],"tags":[],"_links":{"self":[{"href":"https:\/\/smilecitrus.info\/index.php?rest_route=\/wp\/v2\/posts\/1342"}],"collection":[{"href":"https:\/\/smilecitrus.info\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/smilecitrus.info\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/smilecitrus.info\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/smilecitrus.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1342"}],"version-history":[{"count":11,"href":"https:\/\/smilecitrus.info\/index.php?rest_route=\/wp\/v2\/posts\/1342\/revisions"}],"predecessor-version":[{"id":1394,"href":"https:\/\/smilecitrus.info\/index.php?rest_route=\/wp\/v2\/posts\/1342\/revisions\/1394"}],"wp:attachment":[{"href":"https:\/\/smilecitrus.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/smilecitrus.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/smilecitrus.info\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}