Forum Replies Created
-
AuthorPosts
-
Brenda PrenticeParticipant
oooooooooooooooooooooooooooooooooooooo………. Duh. Gotcha. Thanks.
Brenda PrenticeParticipantI currently have 5 team members. But there are still only two that show up on the related posts. Any ideas?
Brenda PrenticeParticipantThat is perfect. Now how do I get it to generate four related posts to fill in those columns?
Brenda PrenticeParticipantRemove 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; }
Brenda PrenticeParticipantI 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; }
Brenda PrenticeParticipantI 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; }
Brenda PrenticeParticipantI’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)
Brenda PrenticeParticipanthttps://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.
Brenda PrenticeParticipantThank you ever so much!!
-
AuthorPosts