• Resolved vietnamst2

    (@vietnamst2)


    Hello again,

    I have one more problem with my site. I′d like to have the featured images to be lower. Like to retain their width but have lower height. Which element can change this? I did not find it in the CSS, so I′m a bit lost.
    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Sure, try this out:

    .singular .featured-image {
      padding-bottom: 40%;
    }

    That will make the featured images on the Posts/Pages shorter. You can adjust the padding-bottom value higher/lower to increase/decrease the height of the featured image.

    Thread Starter vietnamst2

    (@vietnamst2)

    Thanks worked like charm!

    one last thing…

    sometimes when I reload page the submenus are unclickable. Like they appear on hover, but as soon as you move cursor a bit from them they disappear, meaning before you can move to the container of the subitem and click it.

    I don′t know how to better describe.

    You can check it here https://www.thurs.eu/

    Theme Author Ben Sibley

    (@bensibley)

    Hmm okay, I think it may be a result of some of the changes in your CSS. Try adding the following:

    @media all and (min-width: 50em) {
    
      .menu-primary .menu-item-has-children > a {
        position: relative
      }
      .menu-primary .menu-item-has-children > a:hover:after {
        content: '';
        position: absolute;
        bottom: -2px;
        width: 100%;
        height: 4px;
      }
    }

    If that doesn’t work, please leave it active in the stylesheet, so I can check it out when debugging.

    Thread Starter vietnamst2

    (@vietnamst2)

    Seems like id did not help – still experiencing the same.

    I left it in the stylesheet as you told me.

    Thanks

    Theme Author Ben Sibley

    (@bensibley)

    Darn the CSS was sanitized since it was added via the Editor which messed up some of the characters: https://pics.competethemes.com/image/463i0F2K190I

    We can try another way instead. Give this a shot:

    @media all and (min-width: 50em) {
    
      .menu-primary a {
        line-height: 24px !important;
      }
    }
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘featured image height’ is closed to new replies.