Forum Replies Created

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 22, 2019 at 8:51 pm in reply to: Display 4 columns of 4 Related Posts #91502
    Brenda Prentice
    Participant

    oooooooooooooooooooooooooooooooooooooo………. Duh. Gotcha. Thanks.

    February 21, 2019 at 4:39 pm 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/

    February 20, 2019 at 4:56 pm 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/

    February 14, 2019 at 7:40 pm 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;
}
    February 14, 2019 at 7:38 pm 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;
}
    February 14, 2019 at 7:09 am 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;
	}
    February 14, 2019 at 7:00 am 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)

    February 12, 2019 at 11:09 pm 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.

    January 24, 2019 at 7:27 pm in reply to: Remove Green Grass Hill from Slider #89666
    Brenda Prentice
    Participant

    Thank you ever so much!!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)