Testimonial Carousel

Last updated on by

Home › Forums › Legacy Support › Support queries › Styling issues › Testimonial Carousel

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 7, 2015 at 9:46 am #1826
    plipman
    Spectator
    Hi, I am having trouble with the formatting of the testimonial left/right buttons which appear below the testimonial and are used to navigate to different testimonials. See images.
    October 7, 2015 at 1:47 pm #1880
    sandy
    Member
    Can you please share page url. Also we tried to open the site but it requires password.   Do let us know the browser on which you are testing.
    October 13, 2015 at 8:19 pm #2800
    plipman
    Spectator
    Hi, The url link is: www.studyfitness.co.uk (at the bottom is the testimonial slider). The login details are: Username:studyfitness Password: sf123 I am testing it on Chrome and Safari. Thanks
    October 14, 2015 at 9:58 am #2885
    Anshuman Sahu
    Keymaster
    Please try adding the given css from wp-admin ->appearacne ->customize ->custom css : .noheading .flex-direction-nav { left: 51.5%; }  
    October 14, 2015 at 3:26 pm #2989
    plipman
    Spectator
    Hi Alex, Thanks for your reply, but this doesn't seem to have resolved the issue - please see attached screenshots. There is also a problem with the menu button which becomes active in narrower screens/devices - again see attachments. Thanks
    October 15, 2015 at 8:40 am #3105
    Anshuman Sahu
    Keymaster
    Please try adding the given css for the menu  : @media (max-width: 767px){ .headertop,#trigger{ margin-top:-20px; }   } Add this css for the top parallax issue :  @media screen and (max-width: 768px) .one_half, .one_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .two_third,.header-box{     clear: both;     float: none;     width: 100%; } And this css fro the testimonials : .stripe.hometestomonials .noheading .flex-direction-nav {     bottom: -20px;     margin-left: 20px;   }
    October 21, 2015 at 10:29 am #3955
    plipman
    Spectator
    Hi Alex, Thanks for your reply. This partly resolves the problem, but the Testimonial Carousel is still not functioning properly when the width is reduced - see image. Also, with the top menu, when I click on the menu button it opens a menu and creates a white space at the top. Any chance you have a resolution for this?   I have an additional question too: What is the code to reduce the height of the Main Menu - with the top menu and main menu, the top bar is too big in the home screen, so I want to reduce the height of the main menu.   Thanks very much for your help.    
    October 24, 2015 at 9:30 am #4681
    Anshuman Sahu
    Keymaster
    Please try adding the given css from wp-admin -> appearacne ->customize ->custom css: .testimonial-content {     margin: auto auto; height:auto !important;     width: 60%;     padding-bottom: 60px !important;   }
    October 29, 2015 at 8:16 pm #5909
    plipman
    Spectator
    Hi Alex,   It doesn't seem to be working as intended. I don't know if it is due to conflicting information. This is what I have for the testimonial carousel: /* improve the layout of the testimonial */ .testimonial-content { margin: auto auto; width: 60%; height: 200px; text-align: center; overflow: auto; }   .testimonial-content { margin: auto auto; height:auto !important; width: 60%; padding-bottom: 60px !important; }   .stripe.hometestomonials .noheading .flex-direction-nav { bottom: -20px; margin-left: 20px; }   Can you let me know the code that I require. Thanks  
    October 30, 2015 at 10:22 am #6004
    Anshuman Sahu
    Keymaster
    Add the code for the testimonials and remove any other css for the testimonials :

    .testimonial-content {

        margin: auto auto;

    height:auto !important;

        width: 60%;

        padding-bottom: 60px !important;

     

    }

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Testimonial Carousel’ is closed to new replies.