Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 22, 2020 at 8:58 pm #1215318
    acalvindesign

    Hello,

    I’m trying to create a colored bar within a tabbed section, in that colored bar I want to have the testimonial slider without any arrows (as I only want one testimonial to display). It is important that we target the specific testimonial slider as I have another testimonial slider on the site in which I have multiple testimonials and need the arrows.

    I have tried setting up custom CSS classes for each element. but it doesn’t seem to be recognizing my classes. Here’s what I’ve added:
    */ Services Testimonial Sliders */
    .services-testimonials .avia-slideshow-arrows {
    display: none !important;
    }
    */ Tabbed Color Section */
    .tabbed-color-section {
    width:100%;
    background:#f8f8f8;
    }

    Here’s the test page I am working on: https://acalvindesign.com/test-page/

    Thank you in advance for your help!

    May 25, 2020 at 2:17 pm #1216134
    Victoria

    Hey acalvindesign,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.av-layout-tab .avia-slideshow-arrows.avia-slideshow-controls {
  display: none;
}
.av-layout-tab { 
  background:#f8f8f8;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 26, 2020 at 4:50 pm #1216536
    acalvindesign

    Thank you Victoria!

    May 26, 2020 at 8:32 pm #1216671
    Nikko

    Hi acalvindesign,

    I’m glad that Victoria could help you out :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Colored Testimonial Bar Inside Tabbed Section’ is closed to new replies.