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. Project thumbnail description on image position

Project thumbnail description on image position

Scheduled Pinned Locked Moved General Discussion
7 Posts 2 Posters 232 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.
  • B Offline
    B Offline
    Brief
    wrote on Apr 3, 2020, 5:28 PM last edited by
    #1

    Hi there, i am trying to have my projects descriptions float on the thumbnail but not centred on the image. I would like them to be on the top right of the thumbnails. About 25px from the top and right side. I have found code for left justified at the top:

    .titlewrap-on-image{
    transform: none;
    -webkit-transform: none;
    top: 10px;
    left: 10px;
    }

    but would like to know how to have it on the top right. Would you please be able to help? Thank you so much.

    Thomas

    1 Reply Last reply
    0
    • B Offline
      B Offline
      Brief
      wrote on Apr 4, 2020, 11:29 PM last edited by
      #2

      Anyone?? How to have thumbnail description live on the right top of the thumbnail???

      1 Reply Last reply
      0
      • M Offline
        M Offline
        mariusjopen
        Global Moderator
        wrote on Apr 7, 2020, 10:53 AM last edited by
        #3

        Dear @Brief
        Can you post a link to your website?
        We will then have a look and inspect that!
        Many wishes!
        Marius

        www.mariusjopen.world

        1 Reply Last reply
        0
        • B Offline
          B Offline
          Brief
          wrote on Apr 8, 2020, 7:19 PM last edited by
          #4

          Thank you so much. Sorry forgot to include: http://www.thomasalbrighton.com

          I am referring to the 'New' thumbnail description on the homepage. Please let me know if you need anything else. Basically I want 'New' to sit on the right top side of the thumbnail.

          Thanks,

          Thomas

          1 Reply Last reply
          0
          • M Offline
            M Offline
            mariusjopen
            Global Moderator
            wrote on Apr 9, 2020, 8:58 AM last edited by
            #5

            Dear @Brief
            in the CUSTOMIZER you set the thumbnail names into the center of the images.
            Then you can sue CUSTOM CSS to move it a bit.
            Best!
            Marius

            www.mariusjopen.world

            1 Reply Last reply
            0
            • B Offline
              B Offline
              Brief
              wrote on Apr 9, 2020, 7:09 PM last edited by
              #6

              Hi Marius. Was actually trying to move thumbnail description. And have it 30 px from the right. Do you know what the code would be?

              1 Reply Last reply
              0
              • M Offline
                M Offline
                mariusjopen
                Global Moderator
                wrote on Apr 14, 2020, 5:09 PM last edited by
                #7

                Dear @Brief
                Do you mean the NEW which is written on the thumbnails?

                span.descr {
                    margin-top: -10px;
                    margin-right: -10px;
                }
                

                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

                6/7

                Apr 9, 2020, 7:09 PM


                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
                C
                craigfeldspar
                19 minutes ago
                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.
                6 out of 7
                • First post
                  6/7
                  Last post
                0
                • Recent
                • Tags
                • Popular
                • Users
                • Search