WordPress.org

Ready to get started?Download WordPress

Forums

Responsive
[resolved] Responsive theme-remove breadcrumbs on a pge (5 posts)

  1. ForeignMovies
    Member
    Posted 10 months ago #

    Hello there,
    Responsive Theme Free: I created a full page with no sidebars. I want to remove the breadcrumbs just on this one page in order to move the content area closer up to the menu bar (I was able to hide the title on this one page). I can't find the php code in the "Full page no sidebar" php file to remove the breadcrumbs.
    Basically I want the menu and right underneath the content area without any big gaps.
    here's the page in question:
    Any help would be appreciated.
    Cheers

  2. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    You can hide the breadcrumbs with this CSS:

    .breadcrumb-list {
        display: none;
    }

    But the space in question is being created by a bunch of wrong-looking code in that location:

    <style>
    div.img
    {
      margin: 9px;
      border: 3px solid #000000;
      height: 644px;
      width: auto;
      float: left;
      text-align: center;
    }
    div.img img
    {
      display: inline;
      margin: 0px;
      border: 2px solid #ffffff;
    }
    div.img a:hover img {border: 2px solid #ff0000;}
    div.desc
    {
      text-align: center;
      font-weight: normal;
      width: 200px;
      margin: 2px;
    }
    </style>
    <p></head><br />
    <body></p>
  3. ForeignMovies
    Member
    Posted 10 months ago #

    Thank you, I'll do that.
    I appreciate your help.
    Cheers

  4. ForeignMovies
    Member
    Posted 10 months ago #

    Me again, Yes I didn't check carefully enough and forgot to delete out the "wrong code"
    I just made this page by gathering code and removing what I don't need-this one slipped by :-)
    I'm learning. I removed the code /**</style><p></head>
    <body></p>*/ and now it looks a lot closer to the menu (even without removing the breadcrumbs).
    Thanks again for your help. Cheers

  5. postdeluxe
    Member
    Posted 7 months ago #

    Hi.
    I have the same problem or change i want to do.
    But where do you found the code? Or where should it be?

    <style>
    div.img
    {
    margin: 9px;
    border: 3px solid #000000;
    height: 644px;
    width: auto;
    float: left;
    text-align: center;
    }
    div.img img
    {
    display: inline;
    margin: 0px;
    border: 2px solid #ffffff;
    }
    div.img a:hover img {border: 2px solid #ff0000;}
    div.desc
    {
    text-align: center;
    font-weight: normal;
    width: 200px;
    margin: 2px;
    }
    </style>
    <p></head>
    <body></p>

Reply

You must log in to post.

About this Theme

About this Topic