Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 5, 2018 at 4:22 pm #908073
    bakbek

    Hi, is there a way to fix this – https://screencast.com/t/pUlMNWs0OC8e – so it would look like this – https://screencast.com/t/RrDj3vHhR using CSS?

    February 5, 2018 at 4:56 pm #908090
    Guenni007

    is it a bug of the font or does f.e. the quotes and punctuation generally do not go over the top line on black or ultrablack font style?
    i know a lot of fonts where this is the case especially if you are writing capitalized only.

    Can you try this here : ABCD<sup>'</sup>FGH

    see here: Link

    but you sign seems to be a bit of a ligature with its following letter.
    thats why for example the entity for german sign ß is &szlig; it is a s and a z with ligature styling
    some interesting things here: Link

    February 5, 2018 at 5:31 pm #908111
    bakbek

    Tried it with the <sub> and it did move it up but a bit too much – https://screencast.com/t/2pmuvZvmfDQ

    February 5, 2018 at 11:01 pm #908259
    Guenni007

    make your own rules (normal value is 1.4em – thats the reason for your result)

    sup, sub {
   position: relative;
   vertical-align: baseline;
   top: -0.4em;
}
sub { top: 0.4em; }

    sub is for H<sub>2</sub>O

    February 6, 2018 at 5:34 am #908350
    Rikard

    Hi,

    Thanks for helping out @guenni007, did you try that out @bakbek?

    Best regards,
    Rikard

    February 6, 2018 at 10:02 am #908439
    bakbek

    Yes, that worked!

    I have the issue on another page and the title is smaller on that page so it will need a different fix – https://screencast.com/t/svAd2ZcO7IQ

    How can I target that to only that specific page? Or maybe use <sub1>? Is that possible?

    February 6, 2018 at 10:38 am #908451
    Guenni007

    it will be better to see the online page and the links to it.

    i do not know why – because em is a relativ to parent settings value ?

    first the sub and sup has an implemented font-size : smaller
    maybe you overwrite it first by:

    sup, sub {
    position: relative;
    vertical-align: baseline;
    font-size: 1em;
    top: -0.4em;
}

    and look what happend than

    if we do not find a different solution i would do it this way:

    sup, sub {
   position: relative;
   vertical-align: baseline;
}
.page-id-abc sub { top: 0.4em; }
.page-id-abc sup { top: -0.4em; }
.page-id-def sub { top: 0.8em; }
.page-id-def sup { top: -0.8em; }

    etc. pp.

    February 6, 2018 at 11:08 am #908464
    Guenni007

    by the way : on headings it is not so important but on text-block it might be a good idea to have not the line-height disturbed by up and down positioning.
    it seems that these values preserve line-height on most cases:

    sub, sup { font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}

    and maybe you will have than different values for your headings
    h1 sup …
    h2 sup etc pp

    February 6, 2018 at 11:24 am #908475
    Guenni007

    or if it is always the “tonos” try the entitie for it: &‌#900; or &‌#884;

    sites.psu.edu/symbolcodes/languages/ancient/greek/greekchart/#punct

    by the way a very interesting page – maybe this could be for you relevant:
    http://sites.psu.edu/symbolcodes/languages/mideast/hebrew/hebrewchart/

    &‌#1523;&‌#1488;

    February 6, 2018 at 1:52 pm #908579
    bakbek

    Hi, the URL is – http://a19377-tmp.s259.upress.link/courses/ – and I can’t get it looking as it does on the other page – http://a19377-tmp.s259.upress.link/courses/sketchup/.

    I tried every possible 0.x em option and it just keeps lowering it instead of making it higher – https://screencast.com/t/ksA7tfTQq6Qi

    February 6, 2018 at 3:20 pm #908624
    Guenni007

    don’t mix sub and sup
    you set here a sub!

    .page-id-18798 sup {
    top: -0.3em;
}
    February 6, 2018 at 3:49 pm #908639
    bakbek

    Damn, how did I miss that :)

    Thanks!

    February 7, 2018 at 5:40 am #908895
    Rikard

    Hi,

    Great, glad you got it working. Thanks a lot to @guenni007 for helping out :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.