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

    Hi Kriesi

    Please can you assist me with how to reduce the size and to elevate the position of the registered trademark? I did see a thread with CSS but was concerned as it is an old thread and i just wanted to make sure the CSS is still good and won’t break my page. I have it displayed in some Headings and in a fair amount of paragraph text.

    Thank you

    #1410029

    Hey M-Graphics24,

    Thank you for the inquiry.

    Would you mind providing a screenshot of the issue and the link to the older thread? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

    1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
    2.) Locate the option to upload a file or an image.
    3.) Select the screenshot file from your computer or device and upload it to the platform.
    4.) After the upload is complete, you will be provided with a shareable link or an embed code.
    5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

    Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

    Best regards,
    Ismael

    #1410068
    #1410175

    Hi,
    Thanks for the screenshot but we will also need a link to your site to evaluate the elements, typically css can not break your site and has not changed in quite a long time, so the older thread probably is still the correct solution, but we will be happy to check if you link to your site.

    Best regards,
    Mike

    #1410201

    if you like to replace it everywhere you can try this in your child-theme functions.php:

    function wrap_copyright_text_with_sup(){
    ?>
    <script>
    window.addEventListener("DOMContentLoaded", function () { 
    (function($) {     
         $('body :not(script)').contents().filter(function() {
            return this.nodeType === 3;
            }).replaceWith(function() {
                return this.nodeValue.replace(/[™®©]/g, '<sup>$&</sup>');
         });
    })(jQuery);
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'wrap_copyright_text_with_sup');

    after that you can style the sup (superscript) tag:
    this is default:

    sup {
      top:-0.5em;
      font-size: 0.75em;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
    }
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.