Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 31, 2018 at 1:28 am #964585
    steenvreter

    Testimonials: move image lower, next to name. I have found an old thread in this forum, but that does not work any longer, maybe because I can not find the Testimonials.php file.

    I have made a sketch of how I would like to have the testimonial sliders. Above you see the current layout. Below is how I would like to have it.
    https://drive.google.com/open?id=1j6gFahqOwlfJKhlaw9mVWepjLvluNnsT

    Is that possible with some adjustments in fucntions.php and style.css in my child theme?

    June 2, 2018 at 8:38 pm #965964
    Mike

    Hey steenvreter,
    Sorry I couldn’t view your image as I didn’t have permission with google drive, please allow anonymous viewing.
    But I did guess at what you want and achieved it with css, Try this code in the General Styling > Quick CSS field:

    #top.page-id-744 .avia-testimonial-content p.p1 {
    display: inline-block!important;
    float:right !important;
    width: 85% !important;  
    margin: 0.85em 0 !important; 
}

    Please see screenshot in Private Content area.
    Let us know if it’s what you had in mind.

    Best regards,
    Mike

    June 2, 2018 at 9:37 pm #965978
    steenvreter

    Hello Mike,

    Thank you for your reply.
    I see you interpreted my question a little different than my design. But I like your solution too.

    Unfortunately, your code is not working on the element on my page. I have given you access as admin, so by logging in you should be able to see the page. are you sure the class is correct?

    Also, I have changed the viewing rights on the file below in the private area. Now it should be visible to you.

    Regards,
    Aram/Steenvreter

    June 3, 2018 at 1:16 am #965991
    Vinay

    Hi,

    Thank you for the clarification and the screenshots. I have added the below code in Quick CSS section. Please review the site :)

    /* Testimonial Style */
#top .avia-testimonial-content p.p1 {
    width:100%!important;
}

#top .avia-testimonial-content p .alignnone {    
    position: absolute;
    transform: translateY(30px);
    bottom:-0px    
}

#top .avia-testimonial-content p img {
    height:80px;
    width:80px;
}

.avia-testimonial-meta-mini { 
    margin-left: 90px;    
    padding-top: 25px;
}

/* End testimonial style */

    Result

    Best regards,
    Vinay

    June 3, 2018 at 12:08 pm #966111
    steenvreter

    WOW! You are the best. This is exactly what I needed.

    Thank you so much. Case closed!
    Aram/Steenvreter

    June 3, 2018 at 1:18 pm #966119
    Mike

    Hi,
    Glad Vinay was able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Testimonials: move image lower, next to name’ is closed to new replies.