Minimizing white space of testimonials

  • Hallo
    I am using the Sela theme and my website is potentiacoaching.co.za. I am really struggling with CSS. My main concern was to make sure my testimonials are added to my menu. Which I figured out. The only problem is that the menu name now says “All Testimonials” and I only want it to say Testimonials. Besides that, the display of the testimonials is horrific. There are loads of white spaces between the testimonials as well as between the heading on the page and the testimonials.
    I have found this css code and changed all the values to 0, but it is not displaying on my website. Can anyone please help.
    Thank you

    .jetpack-testimonial .entry-content, .jetpack-testimonial-shortcode .testimonial-entry-content
    {
    font-style: italic;
    margin: 0;
    overflow: hidden;
    padding: 0.0em 0;
    padding-top: 0.0em;
    padding-right: 0px;
    padding-bottom: 0.0em;
    padding-left: 0px;
    }

Viewing 2 replies - 1 through 2 (of 2 total)

  • nice site, well done!

    For the testimonial spacing, undo what you did above and add the code below to your CSS-file instead: 

    
.archive .testimonials .hentry {
    margin: 1em 0;
}

    To adjust the menu name, look into the WordPress Menu User Guide.

    I’m guessing you haven’t got a menu setup yet, and so WordPress is using your pages to automatically create a menu. Once you have a menu setup, you can change the navigation label of the items in it.

    I hope this helps, good luck!

    Add this code to your Child Theme style.css file, or by using a Custom CSS plugin.

    .archive .testimonials .hentry {
    margin: 1em 0;
}
.archive .testimonials .hentry:first-child {
    margin: 0 0 1em; 
}
.jetpack-testimonial .entry-header, 
.jetpack-testimonial-shortcode .entry-header {
    padding-bottom: 0;
}
@media screen and (max-width: 900px) {
    .archive .testimonials .hentry:first-child {
        margin: 0 0 0.5em; 
    }
}
@media only screen and (max-width: 420px) {
    .archive .testimonials .hentry {
        margin: 0.5em 0;
    }
}

    Hope this helps.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Minimizing white space of testimonials’ is closed to new replies.