Tagged: , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 8, 2017 at 7:38 pm #789792
    tdproperty

    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

    May 9, 2017 at 6:42 am #790001
    Rikard

    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

    May 12, 2017 at 9:57 am #792181
    tdproperty

    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?

    May 12, 2017 at 1:42 pm #792284
    Rikard

    Hi,

    Try changing this line:

    line-height: 48px !important;

    To this:

    line-height: 25px !important;

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.