Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Bug Reports
  3. webfonts in the sitetitle scrolling text not showing properly

webfonts in the sitetitle scrolling text not showing properly

Scheduled Pinned Locked Moved Bug Reports
4 Posts 2 Posters 64 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • P Offline
    P Offline
    pvsfa
    wrote on last edited by
    #1

    Hey!
    I added the following html and css codes to the site title column and asked it to display it as html. The css should take care of the webfont displaying properly (uploaded in the theme menu), while html does the scrolling. (Sorry for the lame wording, I hope you get me). While it does the scrolling, it doesn't really display the webfont properly, at least not in Safari and Chrome. It does it OK in Brave, not sure why that is. I tried adding the CSS part to custom css both for desktop css and just css. adding it to the desktop css wouldn't do the trick and adding it to the "just" css wouldn't even be allowed ("Markup is not allowed in CSS.")
    Im adding a screenshot of Safari and Brave where it doesn't (left) and does (right) display proper webfont.
    Any suggestions please? šŸ™

    Screenshot 2024-03-01 at 13.04.45.png

    <!-- CSS Code -->
    <style>
    .GeneratedMarquee {
    font-family:geodiamond, monospace;
    font-size:2.5em;
    font-variant:small-caps;
    line-height:1.3em;
    color:#0000ff;
    padding:1.5pt;
    }
    </style>
    
    <!-- HTML Code -->
    <marquee class="GeneratedMarquee" direction="left" scrollamount="2.5" behavior="scroll">ssesi = safe space for exploring silly / serious / scientific / spiritual / speculative / sheise / sunset / superb / so-so / slow / soooo slooow / sincere / subtle ideas.</marquee>
    
    1 Reply Last reply
    0
    • P Offline
      P Offline
      pvsfa
      wrote on last edited by
      #2

      oh and the website is https://www.ssesi.space/

      1 Reply Last reply
      0
      • arminunruhA Offline
        arminunruhA Offline
        arminunruh
        Global Moderator
        wrote on last edited by
        #3

        hey idk

        maybe the font-family word is wrong
        like: ""

        look, if you edit your textformats, you'll see HTML Class: _xxxxx

        Screenshot 2024-03-03 at 10.21.53.png

        just use one of your classes (_geodiamondhead), add it to your html element like:

        
        <!-- CSS Code -->
        <style>
        .GeneratedMarquee {
        padding:1.5pt;
        }
        </style>
        
        <!-- HTML Code -->
        <marquee class="GeneratedMarquee _geodiamondhead_no_spaces" direction="left" scrollamount="2.5" behavior="scroll">ssesi = safe space for exploring silly / serious / scientific / spiritual / speculative / sheise / sunset / superb / so-so / slow / soooo slooow / sincere / subtle ideas.</marquee>
        
        

        i just added _no_spaces
        thats an internaly lay theme thing. lets you use a textformat without it having a spacetop and spacebottom (margintop and marginbottom)

        look, i think i was right, ure using the wrong font family name
        your markup:
        Screenshot 2024-03-03 at 10.24.17.png

        elsewhere:
        Screenshot 2024-03-03 at 10.24.32.png

        by using inspect element and looking at where you already used the font, you could have found out by comparing the fontfamily names

        1 Reply Last reply
        0
        • P Offline
          P Offline
          pvsfa
          wrote on last edited by
          #4

          i renamed it and it is now displaying correctly!
          THank you 怠

          1 Reply Last reply
          0
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          I also code custom websites or custom Lay features.
          šŸ’æ Email me here: šŸ’æ
          info@laytheme.com

          Before you post:
          1. When using a WordPress Cache plugin, disable it or clear your cache.
          2. Update Lay Theme and all Lay Theme Addons
          3. Disable all Plugins
          4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

          This often solves issues you might run into

          When you post:
          1. Post a link to where the problem is
          2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
          3. If the problem is difficult to explain, post screenshots / link to a video to explain it
          Online Users
          Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
          laytheme.com
          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Recent
          • Tags
          • Popular
          • Users
          • Search