Lay Theme Forum

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

    Thumbnails - Text on Image Aligned Left / Random Color on Hover Thumbails

    General Discussion
    2
    5
    347
    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.
    • M
      mrgrdbrgs last edited by

      Hey Everyone,

      I have two quick questions, I don't know if someone can help me.

      I would like the text on my thumbnails to appeared aligned to the left, but that option only appears on the options above or bottom not on the image.
      Any ideas?

      The other thing is that I would like to that the hover color on my thumbnails appeared random between three different colors, I don't know if I'm explaining myself.

      Thanks everyone!
      :)

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

        Hi mrgrdbrgs,

        you can achieve this easily by using custom CSS and jQuery.

        The text on the thumbnails you can access here for example 100: http://laytheme.com/documentation.html#custom-css-styling

        span.title._Default {
            text-align: left;
        }
        

        To always change the colour on the hover box you need to write a little jQuery function.
        When embedding the function you should pay attention of how you embedd the justom jQuery code. Have a closer look here:
        http://laytheme.com/documentation.html#custom-javascript

        Good luck!!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • M
          mrgrdbrgs last edited by

          This post is deleted!
          1 Reply Last reply Reply Quote 0
          • M
            mrgrdbrgs last edited by

            Hey Marius,
            First of all, thanks for your reply!

            I explained myself badly, I manage to do the text-align my problem is with the position of the text within the thumbnail.

            If I change its position the text appears in different places in different thumbnails, if you could just point me in the right direction it would be great.
            http://akacorleone.com/indoor

            Thanks a lot! :)
            Margarida

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

              Hey Margarida!

              I cannot completely understand what you mean :-) Sorry!

              If I look on the website the text is aligned on the left within the thumbnail. That is correct, or not?

              Let me know :-)

              Marius

              0_1491494382350_Bildschirmfoto 2017-04-06 um 17.58.31.png

              Ok, I see that you have the wrong alignment here:
              0_1491494602914_Bildschirmfoto 2017-04-06 um 18.00.39.png

              You can solve that by adding this to your custom CSS code:

              span.title._Title {
                  text-align: left !important;
              }
              

              I hope that helped!

              All the best!

              Marius

              www.mariusjopen.world

              1 Reply Last reply Reply Quote 0
              • First post
                Last post

              I don't answer or check forum DMs, please just post on the forum.

              Try this to fix issues 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. Now see if your problem solved itself
              5. 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

              M
              E
              R

              Recent Topics

              • T

                thumbnail grid categories fixed.

              • L

                BLEND MODE ON MOBILE

              • A

                A modal/pop up window displaying extra info

              • Carousel is not showing

              laytheme.com