Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #864824

    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.

    #865119

    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

    #865415
    This reply has been marked as private.
    #865601

    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

    #865890
    This reply has been marked as private.
    #865907

    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?

    #865918

    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 6 years, 5 months ago by Guenni007.
    #865937

    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 !

    #866233

    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!

    #866558

    Hi,

    Thanks for helping out @guenni007!

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

    Best regards,
    Rikard

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