Testimonials widget width

Hello guys,

can you please help me making the testimonials widget width 75% of the page (I have set other elements’ width to 75%)?
I added this to my CSS, the width is actually 75% but the quotes are not aligned:

.roll-testimonials {
		margin: 0 auto 0px;
		max-width: 75%;
}

(The margin thing is there for something else I needed.)

Web: http://stage.mosan.ch/

Thanks a lot!!

Hello there,

Try replacing your custom code with this one instead.

    @media only screen and (min-width: 992px) {
      .roll-testimonials .customer {
        max-width: 75%;
        margin-left: auto;
        margin-right: auto;
      }
    }

Regards,
Kharis

Hello Kharis,

thanks a lot for your reply, I appreciate it very much.

Unfortunately, that code does the opposite of what I want. I would like the width of the testimonials’ quotes to be 75% of the whole page, as some other elements I have above and under. Your code makes the quotes 75% of the “div.customer” container, that is already a smaller portion of the whole page.

Sorry if I didn’t explain well!

Hello there,

I am sorry for getting it incorrectly. Try this code, please.

    .roll-testimonials {
      max-width: 75% !important;
    }

Regards,
Kharis