WordPress.com

1. rorytrotter86
   Member
   Feb 21, 2013, 5:48 AM

   Really simple question (I hope).

   I bought the CSS so that I can create side footnotes on my blog.

   I found instructions on how to do so here:

   http://en.forums.wordpress.com/topic/sidenotes?replies=13

   As I understand it I need to paste this text:

   .two-column #content {
   overflow: visible;
   }

   .footnote {
   display: block;
   width: 234px;
   margin-left: 543px;
   height: 0px;
   }

   a.footnoteref, a:visited.footnoteref, .footnote a {
   color: red;
   text-decoration: none;
   }

   ^^^ into the CSS Stylesheet Editor.

   and then insert *my* text:

   3<span class="footnote">3. *RIGHT HERE WHERE THESE WORDS ARE*.</span>

   ^^ and it should then create a side footers, yes?

   Unfortunately this is not happening. No matter what theme I used (even Pilcrow theme and Content-Sidebar layout option which this was based off of) I just get the below:

   3<span>3. Blah blah blah. I love CSS. Aren’t footnotes so cute? Blah blah.</span>

   If someone could help me understand what I'm doing wrong that would be appreciated.

   The blog I need help with is rorytrotter.wordpress.com.

2. 1tess
   Moderator
   Feb 21, 2013, 5:58 AM

   Please note that CSS is theme specific. What works on one theme won't necessarily work on another. That explains why the code you put in won't work for you.

   You could try using Firebug on the Firefox browser to see if you can work out what code you need. Or Please be patient and wait for staff or another volunteer to help you.

   Subscribe to this topic so you'll be notified when there is a response.

3. rorytrotter86
   Member
   Feb 21, 2013, 6:01 AM

   Thanks for the quick response, 1tess.

   I've subscribed to the topic and will see if someone is willing to help me find a solution. If not, I'll alternatively trying using Firebug(?) to find the challenge.

   Thanks,

   Rory

4. 1tess
   Moderator
   Feb 21, 2013, 6:08 AM

   Yes, its a learning curve but if you like puzzles it could be interesting. Sorry I cannot help: I've only just started playing with it…
   Just be patient: someone will see this topic!
   Tess

5. rorytrotter86
   Member
   Feb 21, 2013, 2:59 PM

   Sounds good. :-)

6. designsimply
   Staff
   Feb 24, 2013, 5:24 AM

   I checked http://rorytrotter.com/ and I see footnotes in the right margin. That's no small task, nice work! Would you be willing to share how you did it here in the forums so others will be able to find the answer here if they have the same question?

7. rorytrotter86
   Member
   Feb 24, 2013, 6:33 AM

   Sure. :-)

   If you've bought the CSS upgrade paste this inside:

   .two-column #content {
   overflow: visible;
   }
   .footnote {
   display: block;
   width: 234px;
   margin-left: 543px;
   height: 0px;
   }
   a.footnoteref, a:visited.footnoteref, .footnote a {
   color: red;
   text-decoration: none;
   }

   Anytime you want to do a footer enter this text:

   3<span class="footnote">3. *RIGHT HERE WHERE THESE WORDS ARE*.</span>

   ^^ And insert your words inside the space where the *words are* (you can delete the *).

   ^^ The key thing here is to do this in the edit more and enter it in the TEXT space and not the VISUAL space (<this is the mistake I was making).

8. designsimply
   Staff
   Feb 28, 2013, 12:19 PM

   Awesome. Thanks!

Topic Closed

This topic has been closed to new replies.