CSS customization with theme Maisha

• 

  alexandraboomerang · Member · Nov 7, 2016 at 3:15 pm

  • Copy link
  • Add topic to favorites

  Hello,

  My site is made with the theme Maisha.
  I want to change the appearance of testimonials on the home page of my website: https://wordpress62469.wordpress.com/

  I had help with the chat. My companion asked me this CSS code:

  / * Set Width of columns Testimonial * /

  .home .child pages .column.clearfix {
  width: 46%;
  }
  / * Do not clear after-every 3rd column. * /

  .column: nth-child (3n + 1) {
  clear: none;
  }
  / * Instead, clear after-every 2nd column. * /

  .column: nth-child (2n + 1) {
  clear: left;
  }

  But this doesn’t give the expected result so he redirected you.

  Thank you for your advice
  Have a good day

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Nov 9, 2016 at 2:55 am

  • Copy link

  Hi there, can you tell me the end result you wish to have on your testimonials and I’d be happy to see what I can do to get that for you.

• 

  alexandraboomerang · Member · Nov 9, 2016 at 11:39 am

  • Copy link

  Hello,

  I would have only 2 testimonials that appear on the home page instead of 4.

  Thank you.
  Have a good day

• 

  thesacredpath · Member · Nov 12, 2016 at 11:41 am

  • Copy link

  Hi, on your main page, this will hide all but the first two testimonials.

  #post-576 .entry-content .child-pages .column {
      display: none;
  }
  #post-576 .entry-content .child-pages .column:first-child, #post-576 .entry-content .child-pages .column:nth-child(-n+2) {
      display: block;
  }

• 

  alexandraboomerang · Member · Nov 12, 2016 at 11:40 pm

  • Copy link

  Hello,

  Thank you very much, that’s what I wanted.

  May I ask you if it’s possible to center the 2 testimonials on the page, regardless of the size of the page (tablet, smartphone, pc).
  And is it possible to display the 2 newest ? As for the articles ?

  Bye

• 

  thesacredpath · Member · Nov 14, 2016 at 5:10 pm

  • Copy link

  Great. On centering the testimonials, it’s a bit tricky. Add the following at the bottom of your custom CSS.

  @media screen and (min-width: 955px) {
  	.home .child-pages .column {
  		width: 45%;
  	}
  }

  And is it possible to display the 2 newest ? As for the articles ?

  Are you talking about the 2 newest testimonials? If so, you can open each of your testimonial child pages and set a page order and the testimonials page, and the 2 on the main page should reorder.

• 

  alexandraboomerang · Member · Nov 14, 2016 at 6:01 pm

  • Copy link

  Hello,

  I just made your corrections about these questions. All is ok and the result is perfect !
  Thank you very much
  Have a great day

• 

  thesacredpath · Member · Nov 14, 2016 at 6:42 pm

  • Copy link

  Hooray and you are welcome!