Editing Footer CSS (and efficiency question)

  • Unknown's avatar
    alanace · Member ·

    Hi there,

    I wanted some help on a website I’m creating for artwork. Ok so I’m using the Sela theme and wanted to change the text on the footer of the page. I was really surprised when I couldn’t find an easy way to do that in the wordpress menus. So I played around with CSS (I’ve never learn’t any CSS prior to 10 minutes ago). I played around with the f12 menu on chrome and ended up writing this: 

    div.site-info {
	visibility: hidden;
}

div.site-info {
  text-indent: -9999px;
  line-height: 0; /* Collapse the original line to preserve footer hight*/
}

#colophon:before {
   content: "©2016 Alana Chesterfield-Evans";
	font-size: 110%;
	font-weight: bold;
	text-indent: 0;
	display: block;
	text-align: center;
	line-height: initial; /* New content takes up original line height */
}

    Please keep in mind I’ve never written anything in CSS (or any other web language) before and don’t really know what I’m doing. I noticed #colophon and .site-footer seem to affect the same thing, not 100% sure what the difference is.

    Basically it does what I want. Now I want to reduce the height of the footer (padding maybe?) and was wondering if I can somehow change CSS or do I have to hide and rebuild everything? I also want a small bit of white (well the grey of the sides of the page) underneath the footer, rather than have it touching the bottom of the browser window.

    It seems odd that wordpress makes the clients load heaps of redundant hidden content rather than just being able to remove or edit it directly. Am I missing anything?

    Any help would be greatly appreciated.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    alanace · Member ·

    I wish to delete this post/thread but there doesn’t seem to be the option to do so. Very disappointed so far by wordpress.com’s lack of customisation and features.

  • Unknown's avatar
    hallluke · Member ·

    Hi Alana,

    Completely removing the existing footer is against the WordPress.com terms so you’ll need to get rid of the first rule, you can however make it slightly less prominent if you like. I’d suggest replacing it with something like the following which will also change the footer padding.

    .site-info {
	font-size:10px;
	color:#999;
	padding-top: 10px;
}
.site-info a {
	color:#ccc;
}
.site-footer {
	padding-top: 10px;
	padding-bottom: 10px;
}

    As a general rule posts aren’t removed from the forum so that they can be searched by other users who might learn from them in the future.

    Let me know if you need any other CSS help!

  • The topic ‘Editing Footer CSS (and efficiency question)’ is closed to new replies.