Tagged: 

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • February 14, 2016 at 2:20 pm #582946
    Rapsodoc

    Hi,
    I’d like to modify how the testimonials are displayed in order to create an ”about page” like this one:

    About

    I do not pretend to do the same page as the on of kriesi, i just need to change the background and to put the title and sub-title before the description and not after.

    IMPORTANT: is possible to modify how testimonials are displayed only in that page ? I’m using the testimonial feature in other pages!

    Thanks for your help!

    February 15, 2016 at 4:14 pm #583529
    Yigit

    Hi Rapsodoc!

    Please create your testimonials firstly and then post the link to your page and a screenshot showing the changes you would like to make so we can try to help you :)

    Cheers!
    Yigit

    February 15, 2016 at 6:08 pm #583651
    Rapsodoc

    this is how my testimonials looks now :

    http://www.rapsodoc.com/wp-content/uploads/2016/02/Screenshot-53.png

    this is how I’d like to have my testimonials :

    http://www.rapsodoc.com/wp-content/uploads/2016/02/Screenshot-40.png

    I’m using the testimonial feature to display my team. Is possible to modify the way how the tesmonial are displayed only in this page ? Without changing the overall testimonial features?

    February 17, 2016 at 1:33 pm #584694
    Vinay

    Hi!

    Please share the URL to your page where we can inspect the element. We will then be able to provide you with custom CSS to change the look and feel.

    Cheers!
    Vinay Kashyap

    February 17, 2016 at 1:56 pm #584711
    Rapsodoc

    This is the Web page

    La nostra storia

    February 21, 2016 at 11:16 am #586641
    Ismael

    Hi!

    Please add this in the Quick CSS field:

    .avia-testimonial {
    background: #f8f8f8;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

    Change the color option in the testimonial > colors panel.

    Regards,
    Ismael

    February 21, 2016 at 11:32 am #586647
    Rapsodoc

    Thanks a lot Ismael! One thing:
    How can I display the name and the subtitle before the testimonial content and not after ?

    February 21, 2016 at 11:48 am #586649
    Basilis

    Hi!

    You would need to do some files changes / editing.
    Please take a look at the post here, Yigit explains which file has been edited and how it can be worked out.
    https://kriesi.at/support/topic/testimonial-author-position-and-color/

    Let us know if you need more help / support.

    Regards,
    Basilis

    February 24, 2016 at 7:07 am #588172
    Rapsodoc

    Thanks guys for your precious help. I have a problem. On the mobile version there is no margin in the let’s say “modified testimonial feature” and the text area anchor the added background area have the same size. Is very ugly. Can you please help to fix it?

    February 26, 2016 at 8:03 am #589583
    Ismael

    Hi!

    Please add this css code in order to create padding around the testimonial container:

    @media only screen and (max-width: 767px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
    padding: 20px;
    margin-bottom: 0;
}
}

    If you want to have a little space between the items, remove the margin-bottom property.

    Cheers!
    Ismael

    February 28, 2016 at 12:20 pm #590385
    Rapsodoc

    Thanks you ! It works great!

    March 1, 2016 at 6:35 am #591353
    Rikard

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

    November 9, 2020 at 7:39 pm #1259364
    lofy

    Hey – I like the style a lot. But I have no space between the boxes. How can I change that?

    thanks
    Artur

    November 9, 2020 at 7:51 pm #1259376
    Victoria

    Hi lofy,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    November 10, 2020 at 10:44 am #1259510
    lofy

    Hey Victoria,

    Thats the Website: http://consulting.arturlorenz.com

    And I want to have more space between the testimonial boxes.

    thanks
    Artur

    November 12, 2020 at 11:53 am #1260082
    Ismael

    Hi,

    @lofy: Looks like you have set the testimonial element to have a grid style and added your own css modification to add a background for each item. Please remove the css modification and set the Testimonial Grid Style to Boxed Grid instead.

    Best regards,
    Ismael

    November 12, 2020 at 2:14 pm #1260133
    lofy

    Hey Ismael,

    thanks for that. like I sad I like the style with round corners – when I remove it the corners are pointy. Is there any option to have the round corner boxes on the boxed grid testimonials?

    thanks
    Artur

    November 16, 2020 at 7:14 am #1260649
    Ismael

    Hi,

    Thank you for the info.

    Yes, that should be possible. To apply rounded corners to the default boxed style, we could use this css code instead.

    .responsive #top .avia-testimonial-wrapper .avia-testimonial {
	border-radius: 10px;
	background: red;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • You must be logged in to reply to this topic.