Forum Replies Created

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • in reply to: Display 4 columns of 4 Related Posts #91502
    Brenda Prentice
    Participant

    oooooooooooooooooooooooooooooooooooooo………. Duh. Gotcha. Thanks.

    in reply to: Display 4 columns of 4 Related Posts #91422
    Brenda Prentice
    Participant

    I currently have 5 team members. But there are still only two that show up on the related posts. Any ideas?

    https://kidsrawesome.com/tp-team/anne-frank/

    in reply to: Display 4 columns of 4 Related Posts #91372
    Brenda Prentice
    Participant

    That is perfect. Now how do I get it to generate four related posts to fill in those columns?

    https://kidsrawesome.com/tp-team/anne-frank/

    in reply to: List of existing css #91063
    Brenda Prentice
    Participant

    Remove the header image, page titles, and breadcrumbs from pages.

    #header-image {
        max-height: 95px;
        min-height: 20px;
        overflow: hidden;
        background-color: #fff;
    }
    
    .has-banner-image#header-image {
    	min-height: 20px;
    }
    
    #header-image img {
        width: 100%;
        vertical-align: middle;
    }
    #header-image.no-banner-image {
        min-height: 300px;
        max-height: 300px;
    }
    
    .page-title .entry-title {
        display: none;
    }
    #breadcrumb-list a {
        display: none;
    }	
    in reply to: Change Header Image Size #91062
    Brenda Prentice
    Participant

    I did find the code to manipulate for the header image, page title, and breadcrumbs. Here I have it set to not display a banner image, not display page title or breadcrumbs. I also set the background color to white and set the height to 300 px to fill in the gap between the nav menu and the page body.

    #header-image {
        max-height: 95px;
        min-height: 20px;
        overflow: hidden;
        background-color: #fff;
    }
    
    .has-banner-image#header-image {
    	min-height: 20px;
    }
    
    #header-image img {
        width: 100%;
        vertical-align: middle;
    }
    #header-image.no-banner-image {
        min-height: 300px;
        max-height: 300px;
    }
    
    .page-title .entry-title {
        display: none;
    }
    #breadcrumb-list a {
        display: none;
    }	
    in reply to: List of existing css #91014
    Brenda Prentice
    Participant

    I am currently configuring my site as well. Here is a list of code that I have used so far:

    Remove the green hill from the front slider:

    #main-slider .divider {
    display: none;
    }
    

    Change the colors of the navigation icon menu at the top of your website. (Just change the html color codes to your colors.)

    #masthead .left-menu li.current-menu-item:nth-child(1n) > a,
    #masthead .left-menu li.current-menu-item:nth-child(1n) > a:before,
    #masthead .left-menu li:nth-child(1n):before,
    #masthead .left-menu ul > li:nth-child(1n):hover > a,
    #masthead .left-menu ul > li:nth-child(1n):focus > a,
    #masthead .left-menu ul > li:nth-child(1n) > a:before {
       color: #A20403 ;
    }
    #masthead .left-menu li.current-menu-item:nth-child(2n) > a,
    #masthead .left-menu li.current-menu-item:nth-child(2n) > a:before,
    #masthead .left-menu li:nth-child(2n):before,
    #masthead .left-menu ul > li:nth-child(2n):hover > a,
    #masthead .left-menu ul > li:nth-child(2n):focus > a,
    #masthead .left-menu ul > li:nth-child(2n) > a:before {
       color: #F4BE02 ;
    }
    #masthead .left-menu li.current-menu-item:nth-child(3n) > a,
    #masthead .left-menu li.current-menu-item:nth-child(3n) > a:before,
    #masthead .left-menu li:nth-child(3n):before,
    #masthead .left-menu ul > li:nth-child(3n):hover > a,
    #masthead .left-menu ul > li:nth-child(3n):focus > a,
    #masthead .left-menu ul > li:nth-child(3n) > a:before {
       color: #002B8A ;
    }
    #masthead .left-menu li.current-menu-item:nth-child(4n) > a,
    #masthead .left-menu li.current-menu-item:nth-child(4n) > a:before,
    #masthead .left-menu li:nth-child(4n):before,
    #masthead .left-menu ul > li:nth-child(4n):hover > a,
    #masthead .left-menu ul > li:nth-child(4n):focus > a,
    #masthead .left-menu ul > li:nth-child(4n) > a:before {
       color: #66993E ;
    }
    #masthead .right-menu li.current-menu-item:nth-child(1n) > a,
    #masthead .right-menu li.current-menu-item:nth-child(1n) > a:before,
    #masthead .right-menu li:nth-child(1n):before,
    #masthead .right-menu ul > li:nth-child(1n):hover > a,
    #masthead .right-menu ul > li:nth-child(1n):focus > a,
    #masthead .right-menu ul > li:nth-child(1n) > a:before {
       color: #66993E ;
    }
    #masthead .right-menu li.current-menu-item:nth-child(2n) > a,
    #masthead .right-menu li.current-menu-item:nth-child(2n) > a:before,
    #masthead .right-menu li:nth-child(2n):before,
    #masthead .right-menu ul > li:nth-child(2n):hover > a,
    #masthead .right-menu ul > li:nth-child(2n):focus > a,
    #masthead .right-menu ul > li:nth-child(2n) > a:before {
       color: #002B8A ;
    }
    #masthead .right-menu li.current-menu-item:nth-child(3n) > a,
    #masthead .right-menu li.current-menu-item:nth-child(3n) > a:before,
    #masthead .right-menu li:nth-child(3n):before,
    #masthead .right-menu ul > li:nth-child(3n):hover > a,
    #masthead .right-menu ul > li:nth-child(3n):focus > a,
    #masthead .right-menu ul > li:nth-child(3n) > a:before {
       color: #F4BE02 ;
    }
    #masthead .right-menu li.current-menu-item:nth-child(4n) > a,
    #masthead .right-menu li.current-menu-item:nth-child(4n) > a:before,
    #masthead .right-menu li:nth-child(4n):before,
    #masthead .right-menu ul > li:nth-child(4n):hover > a,
    #masthead .right-menu ul > li:nth-child(4n):focus > a,
    #masthead .right-menu ul > li:nth-child(4n) > a:before {
       color: #A20403 ;
    }
    

    Remove the “about the author” section on the team page.

    .single-tp-team .about-author {
        display: none;
    }
    

    Remove the entry header (date, etc.) from the top of the team page.

     .tp-team .blog-post-wrap .entry-header {
     	display: none;
     }
    

    Use this to edit the team photo placement by changing the float to left, right, etc. If you change the float, you may need to also change your margin.

    	.single-tp-team .blog-post-wrap img {
    	    width: auto;
    	    margin: 3;
    	    float: left;
    	}
    in reply to: Change Header Image Size #91013
    Brenda Prentice
    Participant

    I’m sorry. That was not what I was going for. I’m sorry if I confused you. I wish to accomplish the following:

    1) resize the header image on every page

    2) display four columns of four related posts (vs. two columns of two related posts)

    in reply to: Change Header Image Size #90854
    Brenda Prentice
    Participant

    https://kidsrawesome.com/tp-team/anne-frank/

    also…. I would love to have four columns for #related-posts, but cannot figure out how to code that.

    in reply to: Remove Green Grass Hill from Slider #89666
    Brenda Prentice
    Participant

    Thank you ever so much!!

Viewing 9 posts - 1 through 9 (of 9 total)