Testimonials - Color background

blueturnaround · June 2015

For some themes, there is a color background for the testimonials. But for others, there is no background.

For example, here: http://diversifiedhrm.net/about/

I would like the background for the testimonials section to be the same color as the rest of the default theme options.

Albert · June 2015

Hi,

so you want this background to be transparent or what?

blueturnaround · June 2015

I would like the background for the testimonials section to be the same color as the rest of the default theme options.

Or, if you NEED a visual cue, like this (ps, ignore the green areas, I didn't want to have to spend a time of time doing graphical editing... I'm hoping this is enough for you to get the idea):

https://www.flickr.com/photos/43326914@N06/18203053479/in/dateposted-public/

Albert · June 2015

On screenshot you showed blue color. So if you want to change background color of testimonials slider item, you must use below css:

.testimonials_slider { background-color: #000 !important; }

blueturnaround · June 2015

Thanks, but that's not quite it. The colors have different shades and the section is not the full width across.

I want it to look like the testimonials section of this theme layout:

http://themes.muffingroup.com/be/itservice/

Albert · June 2015

But for this section we did not used "Testimonials" item. For this section we used "Section" item with the following settings http://pasteboard.co/WOrSptF.png and inside we used "Column" item with below code:

[image src="http://themes.muffingroup.com/be/itservice/wp-content/uploads/2015/01/home_itservice_quote.png" align="center" border="0"]
[divider height="30"]
<h2 style="margin: 0 7%; line-height: 120%;">Lorem quis bibendum auctor, nisi elit consequat ipsum sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan.</h2>
[divider height="30"]
<h4 style="color: #218136; font-weight: 700;">- Mark Jefferson</h4>

But to do something similar with current Testimonials item, you must put this item into own section, set background color and custom class name for section and then write some custom css for this section to make transparent background for testimonials.

blueturnaround · June 2015

Thanks, but If I use the IT Service theme, then add in a testimonials slider building block... it still maintains the features of the column item.

The key features: Full width with theme color background

i've tried it, and it works that way.

Albert · June 2015

If our code is still not enough for you, then please do what we wrote below the code with "Testimonials" section.

blueturnaround · June 2015

I do not understand the phrase "If our code is still not enough for you, then please do what we wrote below the code with "Testimonials" section."

Can you elaborate what you mean by that string of words?

Albert · June 2015

It means that if the code we provided above does not fit to your needs, you must play with custom css for sections and move testimonials item into own section.

blueturnaround · June 2015

Ok, thanks. I will look for the testimonials css for the IT-Services theme, then copy that over to the theme I am currently using. Can you tell me which file the css for the tesimonials section is?

Albert · June 2015

We did not wrote anything about files modifications. We'll maybe explain in points and this will be more clearer:

1. Testimonials must have own section.

2. The section where testimonials are, must have own CLASS NAME

3. After these things, you must write custom css for section where testimonials are. If you don't know how, please take a look at http://themes.muffingroup.com/betheme/documentation/#theme-customizations where we explained how to use Firebug.

Hope this will help you!

blueturnaround · June 2015

OK, that did it. I just put it in its own section, then added the background color to the entire section! Very easy.

diversifiedhrm.net/about

However, the background with the text is off color.... is there a way to correct this?
Also, the text renders near the top of the section... whereas I'd like it to be in the middle.

Albert · June 2015

Please show us on screenshot what you exactly want to change because we are not sure.

blueturnaround · June 2015

https://www.flickr.com/photos/43326914@N06/19148270495/in/dateposted-public/

The part with text is off color... Not the end of the world, I can live with it. But it is a small user experience issue.

Albert · June 2015

So if you want to remove this background behind testimonials, please use below css:

.testimonials_slider .testimonials_slider_ul li .bq_wrapper { background: none !important; }

Testimonials - Color background

Comments