Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 9, 2015 at 4:52 pm #549869
    webworks_zelewski

    How to style the fullscreen slider buttons individually? color, size etc.?? I tried everything out I could find here but nothing works. Any hints?? Thanks.

    December 9, 2015 at 10:04 pm #549983
    Dake

    Hey webworks_zelewski!

    You can adjust the button styling of individual slides with the below css:

    .avia-fullscreen-slider .avia-slideshow-inner li.slide-2 a.avia-slideshow-button {
    color: #3d71a1 !important;
    padding: 25px 16px !important;
    background-color: rgba(0,0,0,0.2) !important;
    border: 3px solid #fff !important;
    border-radius: 3px !important;
    font-weight: bold !important;
}

    Adjust the slide number (slide-2) to apply your button styles to each slide individually.

    Regards,
    Dake

    December 11, 2015 at 4:00 pm #551150
    webworks_zelewski

    Hello Dake,

    thanks- but it does not work for me. I added it into the CSS section but the changes are not visible.

    December 11, 2015 at 7:24 pm #551245
    Dake

    Hey!

    May we have temporary admin access to your website so we can take a closer look?

    Cheers!
    Dake

    December 12, 2015 at 1:26 pm #551433
    webworks_zelewski

    Hello Drake,

    yes sure. Thx. How shall I provide you the Login Data?? Email Adress or anything?

    December 12, 2015 at 8:39 pm #551471
    Dake

    Hey!

    You can create an admin account using any email address of your choice then post the credentials in the private content section before you reply.

    Cheers!
    Dake

    December 14, 2015 at 2:12 pm #552257
    webworks_zelewski

    Okay great- but where do I find the private content section? thx

    December 14, 2015 at 2:15 pm #552260
    Yigit

    Hey!

    Please see screenshot – http://i.imgur.com/NW41dzU.png

    Cheers!
    Yigit

    December 14, 2015 at 2:21 pm #552266
    webworks_zelewski

    Okay so here it is. Thank you.

    December 14, 2015 at 2:37 pm #552280
    Yigit

    Hi!

    You have following on top of Quick CSS field

    float:left;
  padding:30px;
  width:100%;
}

    I commented out. You should either enter a selector for it or remove it.

    To style buttons individually, please turn on custom CSS field for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your element and give it a custom CSS class then add following code to Quick CSS 

    .your-custom-class .avia-slideshow-button {
    color: orange !important;
    padding: 25px 16px !important;
    background-color: rgba(0,255,0,0.2) !important;
}

    Regards,
    Yigit

    December 14, 2015 at 3:05 pm #552312
    webworks_zelewski

    Thank you, It seems that it already works now that you commented it out. Thanks for the support.

    December 14, 2015 at 3:06 pm #552314
    Yigit

    Hey!

    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Again- styling of fullscreen slider buttons- color, size etc.’ is closed to new replies.