Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 16, 2017 at 2:35 pm #864824
    npmcgrew

    Hello,

    Is there a way to this on all of our standard / paragraph text? I am making a page in conjuniction with Walt Disney World and the ® looks goofy so big, especially the number of times it’s needed within the copy.

    Thanks!

    I am using the following css for our header sections:

    In Enfold > General > Quick CSS:

    .custom-trademark { font-size: 14px!important; }

    h2 span.custom-trademark {
    position: relative;
    bottom: 20px;
    }

    h3 span.custom-trademark {
    position: relative;
    bottom: 15px;
    }

    Within Title & Header Sections:

    <span class=”custom-trademark”>®</span>

    I am however unsure of what <span class> to use for main content / paragraph / normal text sections. When I try to simply use ® it s just too large and looks less than desirable.

    October 17, 2017 at 5:43 am #865119
    Rikard

    Hey npmcgrew,

    As far as I can see you CSS is applying as it should, I’m not sure exactly what you want to change though. Could you try to explain a bit further or post a screenshot of the problem please?

    Best regards,
    Rikard

    October 17, 2017 at 6:55 pm #865415
    npmcgrew
    This reply has been marked as private.
    October 18, 2017 at 9:52 am #865601
    Rikard

    Hi,

    Thanks for the feedback, though I’m still not sure I understand exactly what you would like to change? Also, the link results in a 404 error, I’m guessing you changed the permalink?

    Best regards,
    Rikard

    October 18, 2017 at 7:23 pm #865890
    npmcgrew
    This reply has been marked as private.
    October 18, 2017 at 9:02 pm #865907
    npmcgrew

    I started using the following before each line of text and it appears to work well: <span style=”font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen-Sans, Ubuntu, Cantarell, ‘Helvetica Neue’, sans-serif;”>

    Any problems with using this?

    October 18, 2017 at 9:35 pm #865918
    Guenni007

    why not using the thing what has been made for it:

    Walt Disney<sup>®</sup>
    and the oposite:
    H<sub>2</sub>O

    see here: https://webers-testseite.de/ajax-portfolio/#tab-4

    by the way it is :

    sup {
    vertical-align: super;
    font-size: smaller;
}

    and:

    sub {
    vertical-align: sub;
    font-size: smaller;
}

    these definitions are implemented in all browsers – you don’t need to set it in quick css – because vertical-align sub and sup are standard definitions.

    • This reply was modified 7 years, 2 months ago by Guenni007.
    October 18, 2017 at 10:34 pm #865937
    Guenni007

    by the way a lot of css is unknown: f.e.:

    
<details> 
<summary>Copyright 1999-2014.</summary>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</details>

    see how it works on : https://webers-testseite.de/ajax-portfolio/#tab-3
    just css !

    October 19, 2017 at 2:19 pm #866233
    npmcgrew

    Guenni007,

    Thank you for all of that, it really is much appreciated! Glad to know there are people in the world willing to help without needing anything in return

    Thanks again!

    October 20, 2017 at 5:06 am #866558
    Rikard

    Hi,

    Thanks for helping out @guenni007!

    Please let us know if you should need any further help on the topic @npmcgrew

    Best regards,
    Rikard

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