• Resolved david

    (@dskirk)


    I set the option to remove breadcrumbs, but it did not work, so I added this CSS which did:
    .breadcrumb {
    font-size: 0px;
    list-style: none;
    }
    However, that leaves a large space below header and above page content. I will appreciate whatever CSS I need to reduce that space. Thank you for your help in this. David

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hii david,

    Paste the below CSS in Custom CSS box and save –

    .breadcrumb {
        display: none !important;
    }

    Thanks.

    Thread Starter david

    (@dskirk)

    Thank you, it did help a little. Any further tips on reducing large blank areas would be appreciated. I appreciate the suggestions you have given me. Please visit the page at https://davidskirk.org/wpsamp/lets-talk/ Thanks again,
    david

    Hii david,

    Go to Dashboard -> Appearance -> Customize -> Theme Options -> Theme General Options -> paste the below CSS in Custom CSS box and save.

    .enigma_header_breadcrum_title {
        padding-top: 148px !important;
    }

    Thanks.

    Thread Starter david

    (@dskirk)

    Thanks again, but the white space is even bigger. I think this intent of mine to insert new pages may be premature for the theme – which looks very good in the standard offerings, but adding pages – or adding a heading image – don’t work yet. Best of luck to you in this. And a special thanks for your efforts.
    david

    Hii david,

    We didn’t understand what you want to say.

    Thanks.

    easiest way is to simply stop your page from calling the breadcrumb div in the first place.

    get_template_part(‘breadcrumbs’);

    remove this from the php file and the breadcrumb elements wont load at all.

    I spent hours trying to shrink that space with custom css and in the end I just did that.

    Edit: Sorry I forgot to mention that you should do this by adding your own fullwidth.php in a child theme, if you dont then it may revert back when the theme is updated or it could cause you security issues, a child theme should ensure your edits are perpetual.

    The code will look like this:

    <?php //Template Name:Full-Width Page
    get_header(); ?>
    <div class=”container”>
    <div class=”row enigma_blog_wrapper”>
    <div class=”col-md-12″>
    <?php get_template_part(‘post’,’page’); ?>
    </div>
    </div>
    </div>
    <?php get_footer(); ?>

    • This reply was modified 6 years, 5 months ago by Levinz.
    • This reply was modified 6 years, 5 months ago by Levinz.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Reduce space at top of a page’ is closed to new replies.