Tagged: 

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #582946

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

    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!

    #583529

    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

    #583651

    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?

    #584694

    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

    #584711

    This is the Web page

    #586641

    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

    #586647

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

    #586649

    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

    #588172

    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?

    #589583

    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

    #590385

    Thanks you ! It works great!

    #591353

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

    #1259364

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

    thanks
    Artur

    #1259376

    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

    #1259510

    Hey Victoria,

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

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

    thanks
    Artur

    #1260082

    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

    #1260133

    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

    #1260649

    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

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