Tagged: , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 14, 2017 at 8:46 pm #793066
    acadas

    Dear support team,
    we would like the “slider arrows left/right” match the design, font type and color of the “back to the top arrow”.
    So far the slider arrows appear thin and quiet different to the “back to the top arrow”.
    Regards,
    Bernd

    May 14, 2017 at 8:48 pm #793067
    acadas

    P.S.:
    For the “back to the top arrow” (scroll top link) we use the following settings:
    #scroll-top-link {
    color: #ffffff;
    font-size: 50px;
    border: 0px solid #ffffff;
    background-color: #a80000; }

    May 14, 2017 at 10:48 pm #793106
    Mike

    Hi,
    Please include the url to the page in question so we can take a closer look.

    Best regards,
    Mike

    May 15, 2017 at 9:17 am #793219
    acadas

    Hi Mike,
    thank you for your fast reply. You will find the URL bellow.
    Regards,
    Bernd

    May 15, 2017 at 10:27 am #793241
    Nikko

    Hi,

    I have checked it and the arrows looks similar. Is this already fixed?

    Best regards,
    Nikko

    May 15, 2017 at 10:40 am #793244
    acadas

    Hi Nikko,
    not yet. The arrows look totally different :-).
    The slider arrows (right/left) should match the “back to the top” arrow, which Enfold places in the lower right corner of each screen.

    Here are the seetings:

    #scroll-top-link {
    color: #ffffff;
    font-size: 50px;
    border: 0px solid #ffffff;
    background-color: #a80000; }

    How can I modify the slider arrrows the same way?

    Regards, Bernd

    May 16, 2017 at 3:06 am #793661
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    #top .avia-slideshow-arrows a {
color: #ffffff!important; 
font-size: 50px!important; 
border: 0px solid #ffffff!important; 
background-color: #a80000!important;  }

    Best regards,
    Mike

    May 16, 2017 at 8:59 am #793761
    acadas

    Hi Mike,
    thank you! We are close :-).
    There is a tranparent grey pattern overlapping the background color.
    As a result the background #a80000 appears much darker.
    I found out by testing it with background-color: #ffffff!important;
    You can see the result by using the attached link.
    Best regards,
    Bernd

    May 16, 2017 at 12:10 pm #793844
    Rikard

    Hi,

    Please try this for the arrows:

    .avia-slideshow-arrows a::before {
  color: #ffffff !important;
  font-size: 50px !important;
  border: 0px solid #ffffff !important;
  background-color: #a80000 !important; 
}

    Best regards,
    Rikard

    • This reply was modified 7 years, 7 months ago by Rikard.
    May 16, 2017 at 6:31 pm #794251
    acadas

    Hi Rikard,
    it work perfect. Thank you so much for the great support!
    All the best,
    Bernd

    May 17, 2017 at 5:11 am #794606
    Rikard

    Hi Bernd,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 6, 2017 at 1:26 pm #804496
    acadas

    Hi Rikard,
    thank you for your help.
    This topic can be closed.
    Best regards,
    Bernd

    June 7, 2017 at 2:46 am #804775
    Nikko

    Hi,

    Glad to hear that! Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Slider arrows (full screen slider)’ is closed to new replies.