Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #789792

    If you navigate to my private listed page. You will find under step #3 the partner/logo element and to the right you will see the scroll buttons to navigate previous and next. I was hoping that you could provide me with the code to make the following changes:

    1. Move the scroll buttons to the left aligned
    2. Change the size of the buttons Double the size
    3. Change the color of the buttons to #1BA6DE

    #790001

    Hey tdproperty,

    Please try the following in Quick CSS under Enfold->General Styling:

    
    .page-id-36 .new-special-heading {
      display:none !important;
    }
    
    .page-id-36.avia-smallarrow-slider .avia-slideshow-arrows a {
        width: 48px !important;
        height: 48px !important;
    }
    
    .page-id-36 .avia-smallarrow-slider .avia-slideshow-arrows a:before {
        line-height: 48px !important;
        background-color:#1BA6DE !important;
    }

    Best regards,
    Rikard

    #792181

    I used the code on the page listed in private and it moved one slider to the right and the other to the left and you can no longer see the arrows that code did not work anything else you can help on would be greatly appreciated?

    #792284

    Hi,

    Try changing this line:

    line-height: 48px !important;

    To this:

    line-height: 25px !important;

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.