Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Extra link styles for different text formats (underline strokewidth etc)

    General Discussion
    strokewidth underline link style
    3
    5
    1024
    Loading More Posts
    • 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.
    • D
      dnz last edited by

      Hey Armin,

      I came across a problem I couldn't fix myself.

      So I have two separate text formats, one big one for an intro text (only a few lines) and a smaller one for longer copy texts. Both contain links. If I set the underline strokewidth to e.g. 4 in the customize menu it obviously applies the 4 px strokewidth to every text format there is. That looks odd in some cases (too large of a stroke for the small texts, too small of a stroke for the large texts).

      So is there a way to style links in both these text formats separately? I tried writing a custom <a> css but the global settings seem to override everything I try. It would be enough if I could control the strokewidth for both text formats individually. Any chance to do this?

      Thanks!

      Best regards,
      Dennis

      1 Reply Last reply Reply Quote 0
      • arminunruh
        arminunruh Global Moderator last edited by

        Hey Dennis!
        Try this CSS:

        .lay-textformat-parent ._My_Headline a {
            border-bottom-width: 2px;
            color: #1dff00;
        }
        
        /*mouseover state*/
        .lay-textformat-parent ._My_Headline a:hover {
            border-bottom-width: 22px;
            color: red;
        }
        

        "_My_Headline" is the html class of a textformat called "My_Headline". If you look at your textformats you will see that text "HTML Class: …". It's just your textformat name with an underscore.

        Screen Shot 2016-03-28 at 09.58.27.png

        1 Reply Last reply Reply Quote 0
        • D
          dnz last edited by

          Hey Armin,

          Thanks, man! Works like a charm!

          Best regards,
          Dennis

          1 Reply Last reply Reply Quote 0
          • Hayo Gebauer
            Hayo Gebauer last edited by

            I also have a problem with link format.

            I have different text boxes with the same format text. One of them is black font the other is white, but same format...

            the hover effect is only working on the black font

            1 Reply Last reply Reply Quote 0
            • arminunruh
              arminunruh Global Moderator last edited by

              Hey Hayo, can you send me the link?

              1 Reply Last reply Reply Quote 0
              • First post
                Last post
              Post a link to where the problem is if possible, please <3
              I don't answer or check forum DMs, please just post on the forum.
              Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

              Before you post:

              Use the Search Feature. Maybe there is already a solution to your issue.

              1. Update Lay Theme and all Lay Theme Addons
              2. Disable all Plugins
              3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
              4. When using a WordPress Cache plugin, disable it or clear your cache. Now see if your problem solved itself.
              Go here, see if your problem is listed here:
              Troubleshooting

              When you post:
              1. Post a link to where the problem is
              2. If the problem is difficult to explain, post screenshots / link to a video to explain it

              Thanks!

              Online Users

              E

              Recent Topics

              • A

                website error

              • Website gone all blank after update 6.3.1

              • S

                can't update project category content

              • C

                lightbox: how to go back to project instead of home with back button

              laytheme.com