Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #26673

    I have an issue with breadcrumbs and superscripting.

    Any breadcrumb text that does not have superscripting shows fine, but any breadcrumb text that has superscript (using the <sup>) is shifted down so that the top of the superscript text is in line with the top of the other text.

    Here is a pic of what I mean

    http://i41.tinypic.com/2popezk.jpg</IMG&gt;

    The only thing that I’ve done to superscripts is to add the following code in custom.css:

    body#top sup{

    vertical-align: super;

    font-size: 60%;

    }

    Any suggestions? Breadcrumbs don’t look great with this issue.

    #131218

    Hi unitedwc,

    We would need to see an example live to inspect the code and then we can try some fixes.

    Regards,

    Devin

    #131219

    Here is an example of the issue that I’m encountering with the breadcrumbs.

    http://bit.ly/1cFYmtM

    #131220

    Hi,

    Add this on your custom.css or Quick CSS

    body#top sup {
    vertical-align: top;
    }

    Regards,

    Ismael

    #131221

    Hi Ismael

    Your suggestion didn’t look quite right (the registered trademark was shifted down right to the middle of the text rather than looking like a superscript).

    I did find a solution online (http://stackoverflow.com/questions/501671/superscript-in-css-only).

    I set the sup css to this:

    <br />
    body#top sup {<br />
    vertical-align: baseline;<br />
    font-size: 0.6em;<br />
    position: relative;<br />
    top: -0.8em;<br />
    }<br />

    And it works like a charm with the <sup> html tag.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘breadcrumbs shifted down if superscript is used’ is closed to new replies.