[Resolved] Trusted Pro – Header Image Height control on front page

Home › Forums › Trusted Pro › Trusted Pro – Header Image Height control on front page

Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 23, 2018 at 4:11 pm #4272
    professorpascal
    Participant

    Hello,

    Last time, I got help for non-front pages.. in thread

    https://uxlthemes.com/forums/topic/trusted-pro-header-image-height-on-non-front-pages-too-tight/#post-3358

     

    What would be the text/code, for control on the front page please?

    It looks like it has a minimum heigth set, and it’s a little annoying to have the same header but different heigths.. can’t use the header to display information. Would appreciate control on the heigth visible.

    Thanks!
    Pascal

    March 23, 2018 at 6:54 pm #4282
    Andy
    Keymaster

    You can override the minimum height of the header.

    March 24, 2018 at 1:45 am #4284
    professorpascal
    Participant

    Thanks! It worked for home page too now. Using the following as suggested.

    .home .main-header{ min-height: 300px !important; }

    >

    If I may, I’d also need control of it for the posts as well. How would I do that one?

    Pascal

    March 24, 2018 at 9:35 am #4288
    Andy
    Keymaster

    If you look at the source code of one of your posts, you should notice the body classes to be something similar to this
    <body class="post-template-default single single-post postid-3176 single-format-standard">

    so to target all single posts you could use this CSS:
    .single-post .main-header{ min-height: 300px !important; }

    or to target this specific post, use this CSS:
    .postid-3176 .main-header{ min-height: 300px !important; }

    March 24, 2018 at 5:54 pm #4295
    professorpascal
    Participant

    Thanks!!!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Trusted Pro – Header Image Height control on front page’ is closed to new replies.