WordPress.org

Ready to get started?Download WordPress

Forums

Need Help Identifying a Piece in CSS (4 posts)

  1. klschlientz
    Member
    Posted 1 year ago #

    I'm working on the site http://www.FiftyTwoShadesofBlueish.com. I installed a theme and figured out how to work the CSS code, but I can't find this one piece anywhere...

    If you look at the site, in the body text of each page, there is a "You are here" with the page name. I want to get rid of this, as well as get rid of some of the space at the top. I can't find this in the code anywhere.

    Any help would be really appreciated!

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    This is the CSS:

    .breadcrumb-trail {
        color: #888888;
        display: none;
        font-size: 14px;
        margin: 0 0 50px;
    }

    I added the "display: none;" which will hide that line and the space.

  3. kevinhaig
    Member
    Posted 1 year ago #

    That theme is not listed here. I would suggest you go to the site where you got it and ask for support.

    That said check in the options for the theme to see if you have an option to disable breadcrumbs. That may be the issue with the "You are here".

    In the CSS you can change margin-top to something smaller

    #menu-primary {
        height: 35px;
        margin-top: 25px;
    }

    or you can change padding to padding: 10px 50px;

    #header {
        border: medium none;
        margin: 0 auto;
        padding: 25px 50px;
        width: 980px;
    }

    both the above will help narrow the header.

    One more thing all of the css changes should be done in a child theme, as it preserves the original theme. If you update the theme later you will lose your edits.

    See : WordPress Child Themes

    Hope this helps!

  4. Good Guy
    Member
    Posted 1 year ago #

    Let us do it one by one. First remove the breadcrumbs by using this css code:

    .breadcrumb-trail, .breadcrumbs {
    	display: none;
    }

    Post the above code in your child theme, save the file, and refresh your browser to view your page. If this worked, post back and we can deal with the second item to push the "article" a little bit to the top.

    Good luck.

Topic Closed

This topic has been closed to new replies.

About this Topic