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. How to resize the Cover Row? (How to change the cover height?)

How to resize the Cover Row? (How to change the cover height?)

Scheduled Pinned Locked Moved General Discussion
2 Posts 1 Posters 64 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.
  • fabiandraxlF Offline
    fabiandraxlF Offline
    fabiandraxl
    wrote on last edited by fabiandraxl
    #1

    Hej People,

    Is it possible to change the Cover from 100vh for example to 60vh?
    I want to see some part of my second row to guide more users to scroll down ...

    If I change the following in the Inspector, I achieve what I want, but I am not able to reproduce in custom code ... :/

    Bildschirmfoto 2022-01-14 um 21.40.20.png

    Also tried to play around with:

    .cover-region
    

    But I was not able to change it to my liking, maybe someone could point me into the right direction?

    Thank you!

    fabiandraxlF 1 Reply Last reply
    0
    • fabiandraxlF fabiandraxl

      Hej People,

      Is it possible to change the Cover from 100vh for example to 60vh?
      I want to see some part of my second row to guide more users to scroll down ...

      If I change the following in the Inspector, I achieve what I want, but I am not able to reproduce in custom code ... :/

      Bildschirmfoto 2022-01-14 um 21.40.20.png

      Also tried to play around with:

      .cover-region
      

      But I was not able to change it to my liking, maybe someone could point me into the right direction?

      Thank you!

      fabiandraxlF Offline
      fabiandraxlF Offline
      fabiandraxl
      wrote on last edited by fabiandraxl
      #2

      @fabiandraxl

      After hour of trying i found some "solution":

      .cover-region, .cover-region-placeholder, .cover-inner {
          min-height: 60vh !important;
          height: 60vh !important;
      }
      

      But the automatic scrolling to row two is broken and the content of the cover is still centered as if the cover still was 100vh ...

      Could some body help me out pls? 😘

      Here my Testwebsite / PW via DM

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