Page title below feature image

  • Author
    Posts
  • #117256
    mindofyano
    Member

    How do you make the page title below the featured image for desktop mode? Just like how it looks in the mobile version

    The blog I need help with is: (visible only to logged in users)

    #117438
    mindofyano
    Member
    Original poster

    Basically I want all pages to look like the homepage. With the hero image at the top and the page title below it.

    #117439
    thelukemcdonald
    Theme Author

    This is a bit more involved CSS wise, but I’ll post a little CSS to get you started.

    .layout-page-header .hero-image {
      top: 0;
    }
    
    .layout-page-header .site-content-inside {
      padding-top: 0;
    }
    
    .layout-page-header .site-content-inside .entry-header {
      margin: 0 0 30px;
    }
    
    .layout-page-header .site-content-inside .entry-header .page-fence {
      padding: 0;
    }

    That should get you started, however, you may need to tweak the responsive design or possibly limit the scope to not affect other pages.

    #117450
    mindofyano
    Member
    Original poster

    can i know what exactly what the holder of the page title area is called? Because I can not get rid of the line under the page title.

    Is it .entry-header?

    #117453
    mindofyano
    Member
    Original poster

    because i wanted to know how to remove the white space as well maybe just incase.

    #117457
    mindofyano
    Member
    Original poster

    it might not be clear but the line that is between the page title and the hero image is the line i’m trying to get rid of.

    #117508
    thelukemcdonald
    Theme Author

    This should likely do what you are wanting:

    .archive-intro {
      border-width: 0;
    }
  • The topic ‘Page title below feature image’ is closed to new replies.