Community Forums › Forums › Archived Forums › General Discussion › Centric Theme-Featured Posts, need 4 in a row,
- This topic has 4 replies, 2 voices, and was last updated 8 years, 12 months ago by sonnyppc.
-
AuthorPosts
-
May 2, 2015 at 4:59 pm #149865sonnyppcMember
Working on this site: http://girafficdesigns.ca/
Under "Services" I'm using the Featured Posts widget to display 4 featured images. I need all 4 images on the same line.
I have already changed this in the stylesheet:
}
.home-widgets .featuredpost .entry:nth-of-type(4n+1) {
clear: both;
margin-left: 0;
}Now what?
Thanks
http://girafficdesigns.ca/May 2, 2015 at 5:29 pm #149871Brad DaltonParticipantChange this line:
.home-widgets .featuredpost .entry { float: left; margin-left: 2.564102564102564%; width: 23%; }
Tested in Firebug.
I would remove all the CSS for that section and add it back from a fresh download because it contains duplicated CSS rules and other mess.
May 2, 2015 at 6:17 pm #149880sonnyppcMemberThanks Brad,
"I would remove all the CSS for that section and add it back from a fresh download because it contains duplicated CSS rules and other mess."
Not sure how to reinstall" a section of code.
May 2, 2015 at 6:25 pm #149881Brad DaltonParticipantThe section in your style sheet which contains all the CSS for the home page.
/* Content Area ---------------------------------------------------------------------------------------------------- */ /* Home Page --------------------------------------------- */ .home-widgets .widget { clear: both; margin: 0 auto; max-width: 1280px; padding: 40px 0; overflow: hidden; text-align: center; } .home-widgets .widget:first-child { padding-top: 140px; } .home-widgets .widget:last-child { padding-bottom: 140px; } .home-widgets .more-from-category, .home-widgets .featured-content article ~ ul, .home-widgets .featured-content article ~ .widget-title { clear: both; } .home-widgets .entry-content > p:last-child, .home-featured .entry-content > p:last-child { margin-bottom: 0; } .centric-pro-home .color-section .entry-title a, .centric-pro-home .color-section .widget-title, .centric-pro-home .color-section a, .centric-pro-home .color-section, .centric-pro-home .dark-section .entry-title a, .centric-pro-home .dark-section .widget-title, .centric-pro-home .dark-section a, .centric-pro-home .dark-section { color: #fff; } .centric-pro-home .color-section a:hover { color: #2e2f33; } .centric-pro-home .dark-section a:hover { color: #959595; } .home-featured .wrap { margin-top: -160px; max-width: 782px; display: table; text-align: center; } .home-featured .home-widgets-1 { display: inline-block; display: table-cell; vertical-align: middle; width: 100%; padding: 200px 0; font-size: 20px; } .home-widgets-1 h1 { font-size: 60px; font-weight: 700; line-height: 1; text-shadow: 3px 3px rgba( 0, 0, 0, 0.1 ); } .arrow { margin: 0; text-align: center; width: 100%; } .arrow a { background: #fff; border-radius: 30px; display: inline-block; padding: 13px 10px 6px; text-align: center; line-height: 1; } .arrow a:before { -webkit-font-smoothing: antialiased; color: #000; content: "\f347"; font: normal 40px/1 'dashicons'; height: 40px; width: 40px; } .home-widgets-2 { background-color: #fff; position: relative; border-top: 60px solid transparent; margin-top: -60px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .home-widgets-2:before { content: ""; position: absolute; top: -32px; left: 0; right: 0; } .home-widgets-4 { background-color: #2e2f33; color: #fff; } .home-widgets-5 { background: #f5f5f5; } .home-widgets .widget.featuredpage { max-width: 100%; padding: 0; margin: 0 auto; } .home-widgets .featuredpage:nth-child(3n+2) { background: rgba(0, 0, 0, 0.075); } .home-widgets .featuredpage:nth-child(3n+3) { background: rgba(0, 0, 0, 0.025); } .home-widgets .featuredpage .widget-wrap { margin: 0 auto; max-width: 1280px; padding: 140px 0; } .home-widgets .featuredpage .entry .alignleft, .home-widgets .featuredpage .entry .alignnone, .home-widgets .featuredpage .entry .alignright { margin-bottom: -148px; margin-top: -140px; } .home-widgets .featuredpage .entry-content { display: inline; margin-bottom: 140px; } .home-widgets .featuredpost .entry { float: left; margin-left: 2.564102564102564%; width: 31.623931623931625%; } .home-widgets .featuredpost .entry:nth-last-child(-n+3) { margin-bottom: 0; } .home-widgets .featuredpost .entry:nth-of-type(4n+1) { clear: both; margin-left: 0; } .pricing-table { color: #2e2f33; line-height: 1; text-align: center; } .pricing-table .one-third { background-color: #fff; border: 2px solid #000; margin: 0 -2px; padding: 40px; } .pricing-table .one-third:nth-child(3n+1) { clear: both; margin: 20px 0 20px 2.564102564102564%; } .pricing-table .one-third:nth-child(3n+3) { margin: 20px 2.564102564102564% 20px 0; } .pricing-table .price-heading { border-bottom: 2px solid #2e2f33; margin: -40px -40px 40px; padding: 40px; } .pricing-table .price-title { font-weight: 300; letter-spacing: 2px; text-transform: uppercase; } .pricing-table .price { text-transform: uppercase; } .pricing-table .amt { font-size: 80px; line-height: 0.8; } .pricing-table .sup { vertical-align: top; font-weight: 700; } .pricing-table .sub { vertical-align: bottom; letter-spacing: 2px; font-weight: 700; } .pricing-table ul { margin-bottom: 30px; } .pricing-table li { border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; padding-bottom: 10px; }
Some of this CSS is messed up. Might be easier to replace it with the default and start again.
Those rules look like they need attention
.home-widgets .featuredpost .entry:nth-last-child(-n+3) { margin-bottom: 0; } .home-widgets .featuredpage:nth-child(3n+2) { background: rgba(0, 0, 0, 0.075); } .home-widgets .featuredpage:nth-child(3n+3) { background: rgba(0, 0, 0, 0.025); }
And you need to change the rule i mentioned previously.
May 2, 2015 at 6:32 pm #149883sonnyppcMemberEvery time I changed it in the stylesheet it kept it in the main file in the hosting account.
I'll attempt this when I got more patience. This little change has wasted so much time.
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.