hero image

Remove top nav bar & featured image on posts

Home Forums WordPress Themes Relive Remove top nav bar & featured image on posts

Forums WordPress Themes Relive Remove top nav bar & featured image on posts

PLEASE NOTE A RECENT CHANGE:
The forum is read-only. Please submit any support request here.

This topic contains 9 replies, has 3 voices, and was last updated by  jttamaru 8 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts

  • jillianne
    Client
    TT Client
    #58620

    Hi! Can you provide some custom CSS for removing the Relive top/header navigation banner (I don’t need it)? I’m hoping this will allow my logo (larger than the Relive logo within the template demo) to move up and show entirely. It is currently 177px high.

    I would also like to remove the featured image banner at the top of blog posts. I still want the featured image to show on the front of the website but not at the top of the blog posts. The big purple box looks a bit strange. I’d like the blog post to just start right away with the white background of the post, the date, reading time, etc.

    If someone could provide some custom CSS for these 2-3 things, that would be great. Thanks so much!

    Attachments:
    You must be logged in to view attached files.

    mihai
    Client
    Client
    #58656

    Hello,
    Please provide your site details.
    Thank You.


    jillianne
    Client
    TT Client
    #58727

    mihai
    Client
    Client
    #58752

    Hello,
    Please use this code snipped to hide the navbar:

    header nav {
        visibility: hidden;
        padding: 0 !important;
        margin-bottom: 50px !important;
    }
    

    use this for post cover:

    .blog-post.single-post .post-cover img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    

    and this to get rid of that purple box:

    .blog-post .post-cover {
        background: none;
    }
    

    If you have any questions, please ask me.


    jillianne
    Client
    TT Client
    #58767

    Thank you so much! Looks like the featured image code didn’t quite do the trick though.
    Can you also provide some custom CSS to center the logo horizontally within the space? It looks too far down on wider screens.


    mihai
    Client
    Client
    #58773

    Glad that you like the changes.
    I have a 27″ wide screen and it seems pretty centered on my side, and on mobile looks great too.
    I don’t see anything to be worried about.


    jillianne
    Client
    TT Client
    #58794

    OK, that works.
    Post pages still have a featured image at the top of them though. I want the featured image to show up on the front page like they do now, but not at the top of the post pages.


    mihai
    Client
    Client
    #58868

    Hi there,

    Please use this Custom CSS in order to hide the featured image from single post pages:

    .single-post .post-cover{
        display: none;
    }
    

    Best Regards


    jillianne
    Client
    TT Client
    #58870

    Awesome! Thank you, thank you!


    jttamaru
    Client
    TT Client
    #71355

    Hello! Looking for the same solution as above to either hide the top banner image OR get rid of the box on the right except for on a page not a post. Thanks!

Viewing 10 posts - 1 through 10 (of 10 total)

~You are in good company!~

[i]
[i]