WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [Theme - Oxygen] Removing breadcrumbs leaves a gap where they used to be. (9 posts)

  1. beanhugger
    Member
    Posted 9 months ago #

    Hello, knowledgeable people of WordPress.org. :)

    I'm working on my portfolio site and I'm using the Oxygen theme. I've disable breadcrumbs for ALL pages using

    .breadcrumbs {
    display: none;
    }

    I know I also have to change the PHP but am unsure where to change it, and what exactly needs to change. Looking for some guidance, please!

  2. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    Please post a link to your site, you shouldn't need to modify php files.

  3. beanhugger
    Member
    Posted 9 months ago #

    Ah, sorry, site: http://www.jayneshives.com/photatoes/blog

    I mention editing the PHP because another, similar poster on here received that advice. I got rid of the breadcrumbs but I don't want the gap to appear on each page.

    Thanks!

  4. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    I actually don't see where the breadcrumbs have been removed on that page. What space do you want to change - above the post image?

    Also, just to make sure, you haven't been modifying theme files - but only using custom CSS, I hope?

  5. beanhugger
    Member
    Posted 9 months ago #

    Yes, I used custom CSS. There are some minor things I changed in the theme files, but I did backups of them first. I just didn't get how to properly do a child theme, even after reading the instructions!

    If you pull up any of the pages (for example: the pricing page), you will see only a gap above the content of the page--that's where the breadcrumbs were. Now they're gone, but this wacky space remains.

  6. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    Changing theme files really is not a good practice, just FYI. Looks like that space is from the site description field being empty - try adding this CSS:

    #site-description {
       display: none;
    }
  7. beanhugger
    Member
    Posted 9 months ago #

    I am going to read up on it and use a child theme next time. Since this is my personal site, I'm not worried about CSS being changed

    Hm, it's not that gap I'm worried about--it's the one that is pushing the main content down so that it doesn't line up on the top with the secondary nav. With the home page, for example, the top of the graphic is lower than the top of the nav. Is it showing up that way for you?

  8. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    That space is a margin on the paragraph which contains the image - you can try this CSS to get rid of it:

    .entry-content p:first-child {
       margin: 0;
    }

    There's also a top margin on the image - so try:

    img.wp-image-222 {
       margin-top: 0;
    }
  9. beanhugger
    Member
    Posted 9 months ago #

    Thank you, that solved it! I am forever in your debt. Marking this one resolved!

Reply

You must log in to post.

About this Topic