space between testimonials

  • Resolved erenmf

    (@erenmf)


    8 years, 4 months ago

    Hello everyone. Everything’s OK with the widget but when I choose a number higher than 1 for the slides column, the testimonials are shown too close to eachother and width is too narrow that the texts go down in a column which makes it look too long and unreadable. I wanna expand the space between testimonials and show the text as it looks in 1 slides column. How can I fix this ?

    https://www.ads-software.com/plugins/wp-testimonial-with-widget/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Anoop Ranawat

    (@anoopranawat)

    Hello,

    Can you please send us your website link so that we can check and provide you better solution.

    Thread Starter erenmf

    (@erenmf)

    Sure.. You can reach it at https://www.ceviri-tr.com

    Plugin Author Anoop Ranawat

    (@anoopranawat)

    Hello,
    This is because of this DIV

    <div style="margin-left: 470px; width: 100%;">

    and aside having 25% width

    aside {
    float: left;
    text-align: left;
    width: 25%;
}

    Have you added following section to your theme

    <div style="margin-left: 470px; width: 100%;">

    Plugin Author Anoop Ranawat

    (@anoopranawat)

    You can create a class say : testimonials
    ie

    <div class="testimonials">
    and add css for this class in your theme style.css file

    .testimonials{max-width:1100px; margin:0 auto;}
.testimonials aside.widget{width:100%}
    Thread Starter erenmf

    (@erenmf)

    Yes I did. I added <div style=”margin-left:470px;”> because I wanted to show it at the center. But when I delete that section, it’s still the same.

    Okay I will try it but can you please explain how to create a class and adding the css code more specifically?

    Plugin Author Anoop Ranawat

    (@anoopranawat)

    Hello to make in center you can set width and margin ie

    .testimonials{max-width:800px; margin:0 auto;}

    Plugin Author Anoop Ranawat

    (@anoopranawat)

    Instead of this div
    <div style="margin-left: 470px; width: 100%;">

    replace it with

    <div class="testimonials">

    and add the following css in your theme style.css file

    .testimonials{max-width:800px; margin:0 auto;}
.testimonials aside.widget{width:100%}

    Your problem will be solved

    Thread Starter erenmf

    (@erenmf)

    Hello again. I replaced the code and added the css to style.css file but nothing changes. It neither centers the widget nor expand the space. I don’t know what I’m doing wrong..Maybe I’m adding the codes to wrong places. Can you please check it on my website? https://www.ceviri-tr.com

    Plugin Author Anoop Ranawat

    (@anoopranawat)

    Sorry, still i can find the margin-left

    <div style="margin-left: 470px; width: 100%;">
  <aside id="testimonial-1" class="widget widget_sp_testimonials">
   <h2 class="widget-title">Mü?TER?LER?M?Z?N G?Rü?LER?</h2>
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘space between testimonials’ is closed to new replies.