changing icon to an image and bg for testimonials

[paulagir]

Hello, I have a few questions regarding this theme…

1)I need to change the icon in example1.jpg to new ones which I created myself.
2) I am working on the testimonial section which is currently a generic gray. I need to be able to change the bg and text color on the testimonial section to be visually reflective of example2.jpg

Thanks for your help!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi Paul,

Your supplied login details are not working for me?

1) What format are the icons you have made?

2) What is the URL?

Thanks,
David.

[paulagir]

This reply has been marked as private.

[paulagir]

This reply has been marked as private.

[David Martin – Support]

Hi Paula,

q1) Unfortunately this customisation is beyond our scope of support. While we’d love to be able to support every customisation request, we simply don’t have the time.

q2) Let me know where you testimonial page is, I should be able to supply you with a CSS snippet to amend the colors.

Thanks.

[paulagir]

Its not a testimonial page but a testimonial section that I need to add (see attachment). The section doesn’t exist yet as I didn’t know how to create it properly. Also on the top where you see ‘what others are saying about us’—I need those words to be substituted with an icon.

Thanks.

[paulagir]

here’s the attachment

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Please use the Page Builder and insert or edit the section ‘Testimonials Slider’.

You can change the background color with a little CSS:

.alt-bg.spb_testimonial_slider_widget {
  background-color: red!important;
}

To replace the title text with an icon, replace the widget text with an icon code ex: <i class="ss-rows sf-icon sf-icon-float-none sf-icon-medium sf-icon-"></i>

Thanks
David.

[paulagir]

Great, just one more question regarding the background… I am not trying to change the color but have a bg image. Is that possible? Thanks

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.alt-bg.spb_testimonial_slider_widget {
  background: url('CHANGE_IMAGE_URL') no-repeat !important;
}

Thanks
Mohammad

[paulagir]

This reply has been marked as private.

[David Martin – Support]

Hi,

1) I see, please use the page builder. Insert and ‘Text Block’ above the ‘Testimonial’ section and inside that insert a ‘Swift Framework Shortcode’. From the dropdown selection select ‘Icon’.

2) Are you using a page builder ‘Spacer’ block? If so, edit the item and reduce the pixel value of the height.

3) Unfortunately this customisation is beyond our scope of support.

Let me know how you get on, I can help you with some small CSS amends to get 1 & 2 looking how you would like.

Thanks,
David

[paulagir]

Hi per #2 below

2) Are you using a page builder ‘Spacer’ block? If so, edit the item and reduce the pixel value of the height.

There is no space block its just the testimonial element and its automatically creating a space before and after it. Can you please login and take a look?

Thanks!

[Rui Guerreiro – SUPPORT]

Hi,

in the extra class name of the testimonial asset add the 2 classes below

mt0 mb0

-Rui

[paulagir]

Thank Rui, it totally worked!

I am still struggling with the quote. Hi I tried doing the ‘Text Block’ and inserting <i class=”fa fa-quote-left”></i>… I don’t see the quote. Also, even if it we get it to show up the background is white and doesn’t match the testimonial bar … plus the distance between the icon and the testimonial would be big. I have attached an image of what I am looking to achieve. Example2.jpg is where I am now and example.jpg is what I am trying to achieve.

Thanks.

Attachments:

You must be logged in to view attached files.