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. Thumbnails - Text on Image Aligned Left / Random Color on Hover Thumbails

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

Scheduled Pinned Locked Moved General Discussion
5 Posts 2 Posters 444 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.
  • M Offline
    M Offline
    mrgrdbrgs
    wrote on last edited by
    #1

    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
    0
    • mariusjopenM Offline
      mariusjopenM Offline
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      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
      0
      • M Offline
        M Offline
        mrgrdbrgs
        wrote on last edited by
        #3
        This post is deleted!
        1 Reply Last reply
        0
        • M Offline
          M Offline
          mrgrdbrgs
          wrote on last edited by
          #4

          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
          0
          • mariusjopenM Offline
            mariusjopenM Offline
            mariusjopen
            Global Moderator
            wrote on last edited by
            #5

            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
            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
            A
            alasdair17
            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