Can someone have a look at this and let me know why it isn't working?

  • Author
    Posts
  • #1160894

    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:

    https://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.

    #1160992

    1tess
    Moderator Emeritus

    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.

    #1160993

    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

    #1160994

    1tess
    Moderator Emeritus

    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

    #1161025

    Sounds good. :-)

    #1161117

    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?

    #1161118

    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).

    #1161138

    Awesome. Thanks!

The topic ‘Can someone have a look at this and let me know why it isn't working?’ is closed to new replies.