Ready to get started?Download WordPress


Bootstrap Ultimate
[resolved] Remove Page Header, Leave Post Header (6 posts)

  1. zaptax.es
    Posted 4 months ago #

    Hi eminozlem, thanks for making this theme.

    2 issues:
    First, I'd like to remove the header (including Title and bar that looks like a <hr> or css "border-bottom") from all pages, but leave the header for posts. I've isolated this part of the php from content-single.php, and can "comment it out," but that removes the title from both posts and pages.

    <!--<header><div class="page-header"><h1 class="single-title" itemprop="headline"><?php the_title(); ?></h1></div></header>-->

    How could I modify it to show the <header> only if on a post?

    Second, I can't find in the CSS how to reduce the amount of space below the navbar but above where the body / content begins. I can't find the margin or margin-top in the css. any help would be appreciated.

    I really like how you've made this easy to use. I gave you (and the theme) 5 stars! Keep up the good work!

  2. eminozlem
    Theme Author

    Posted 4 months ago #

    Thank you for using the theme and your positive feedback.

    1- You can wrap the header with a conditional as:

    <?php if( ! is_page() ) { ?>
    	<div class="page-header"><h1 class="single-title" itemprop="headline"><?php the_title(); ?></h1></div>
    	</header> <!-- end article header -->
        <?php } ?>

    2- There should not be any margin between header - content by default. However if you're using a Bootswatch theme that might've added. If you have a link to your website I can pinpoint it for you.

  3. zaptax.es
    Posted 4 months ago #

    1 - perfect, was exactly what I needed (i'm not super proficient in PHP).

    2 - Yes, I switched to the Flatly Bootswatch theme. site is https://zaptax.es. Notice the spacing above my blue banner header on the homepage. You can also see it on the large spacing on the blog page and each individual post: https://zaptax.es/blog/

    I just can't figure out where in the css I can adjust the padding / margin.

    You rock!

  4. eminozlem
    Theme Author

    Posted 4 months ago #

    yup, flatly has a margin-bottom for header:

    .navbar { margin-bottom: 21px;}

    also there seems to be padding-top on the #content which you seem to have added from inline css.

    #content { padding-top: 27px;}

    you can adjust / remove the spacing by modifying those. Marking as resolved, let me know if you've further questions.

  5. zaptax.es
    Posted 4 months ago #

    Thanks a lot. So I still can't find those specific lines in the css files on the server (I didn't add them, but they are being pulled either from a .min.css file or some other bootstrap.css file). But what I ended up doing is using your Quick Start Options Group (under Common in Bootstrap UL Options) - where I can override the existing css. I put

    .navbar { margin-bottom: 0px;}
    #content { padding-top: 0px;}

    in there and boom, I get the result I needed. Thanks so much for your help. Please feel free to use me as a beta tester if you need any help or user input going forward.


  6. eminozlem
    Theme Author

    Posted 4 months ago #

    No problem, yeah that's one way to do it. Alternatively you can enable & use the override.css file.
    There are some minor issues with the current release, but all should be good within a few updates. OTOH, I'm kind of ideas for new features let me know if you have any suggestions.


You must log in to post.

About this Theme

About this Topic