Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 24, 2013 at 2:06 pm #26673
    unitedwc

    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.

    July 26, 2013 at 10:09 pm #131218
    Devin

    Hi unitedwc,

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

    Regards,

    Devin

    August 6, 2013 at 1:09 pm #131219
    unitedwc

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

    http://bit.ly/1cFYmtM

    August 7, 2013 at 6:42 am #131220
    Ismael

    Hi,

    Add this on your custom.css or Quick CSS

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

    Regards,

    Ismael

    August 7, 2013 at 1:38 pm #131221
    unitedwc

    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.

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