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. General Discussion
  3. Strange letter spacing in menu + custom css for single elements in grid

Strange letter spacing in menu + custom css for single elements in grid

Scheduled Pinned Locked Moved General Discussion
4 Posts 3 Posters 438 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.
  • T Offline
    T Offline
    tortue771
    wrote on last edited by
    #1

    Hello!

    I’m new with Lay Theme (and a css beginner). There are two things I’m struggling with:

    1. I’d like to know if I can apply custom-css to project thumbnails when they are part of a grid (a Thumbnail Grid or Element Grid). I managed to apply it to single elements, but didn’t find to add a hover effect to individual project thumbnails when they are part of a grid.

    Here is a screenshot:
    alt text

    1. There is an unusually small letter spacing in one of the menu items (see 'Profil' between 'f' and 'i'. Screenshot below:
      alt text

    Thank you,
    Marc

    Browser: tried with chrome and safari
    Url: oraarchitecte.com I can send my login info in pm if needed

    1 Reply Last reply
    0
    • edgrbnzE Offline
      edgrbnzE Offline
      edgrbnz
      wrote on last edited by edgrbnz
      #2

      I can’t answer your question #1 regarding the custom css and project thumbnails.

      But the unusual letterspacing probably is a ligature, which is common to have between f+f, f+i, f+l, etc. to optimise legibility.
      It depends on the font but you may be able to switch off the ligature settings via custom css. You can test these settings over here and copy-paste the corresponding code into your custom-css inside lay afterwards.

      Usually these things (f+f, f+i, f+l) get optimised with kerning and ligatures are only an option. In the case of Helvetica it seems like that these standard ligatures are baked in. Which means, that you probably cannot deactivate it since it’s the basic version of the font.

      If you want to stick with Helvetica / Arial your only option would be to not use that much letterspacing. If you want to stick to your letterspacing you could:

      • Make these links uppercase.
      • License a different neo-grotesque webfont. (eg: Neue Haas Unica, GT America, Favorit, Nimbus Sans, Neue Helvetica,…)

      Best!

      ✦ ✦ ✦

      1 Reply Last reply
      1
      • mariusjopenM Offline
        mariusjopenM Offline
        mariusjopen
        Global Moderator
        wrote on last edited by
        #3

        Dear @tortue771
        it is not yet possible to address specific elements in the element gridder.
        Also I agree with @edgrbnz. Try a different font or a different version of the font you use.

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply
        0
        • T Offline
          T Offline
          tortue771
          wrote on last edited by
          #4

          Thank you for your great answer @edgrbnz.
          And thank you @mariusjopen :)

          1 Reply Last reply
          1
          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
          arminunruhA
          arminunruh
          F
          francesco
          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