Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • March 7, 2022 at 10:13 am #1343448
    FamalcoGroup

    To whom it may concern,

    How can I move down and align center the arrows for the content slider as per attached please?

    Regards,

    March 7, 2022 at 11:18 am #1343455
    Rikard

    Hey FamalcoGroup,

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

    .avia-smallarrow-slider .avia-slideshow-arrows {
    width: 100%;
}

.avia-smallarrow-slider .avia-slideshow-arrows a.prev-slide {
    top: 100px;
    left: -40px;
}

.avia-smallarrow-slider .avia-slideshow-arrows a.next-slide {
    top: 100px;
}

    Best regards,
    Rikard

    March 7, 2022 at 2:26 pm #1343491
    FamalcoGroup

    It didnt work.

    That css just spaced out the arrows.

    March 7, 2022 at 3:48 pm #1343508
    Rikard

    Hi,

    Could you post a link to where we can see the actual element?

    Best regards,
    Rikard

    March 8, 2022 at 12:41 pm #1343603
    FamalcoGroup
    This reply has been marked as private.
    March 8, 2022 at 8:26 pm #1343730
    Rikard

    Hi,

    This CSS is working when I check it on your site:

    .avia-smallarrow-slider .avia-slideshow-arrows {
    width: 100%;
}

.avia-smallarrow-slider .avia-slideshow-arrows a.prev-slide {
    top: 100px;
    left: -40px;
}

.avia-smallarrow-slider .avia-slideshow-arrows a.next-slide {
    top: 100px;
    right: 0;
}

    If you need further help, then post admin WordPress login details in private.

    Best regards,
    Rikard

    March 9, 2022 at 8:42 am #1343777
    FamalcoGroup
    This reply has been marked as private.
    March 9, 2022 at 9:43 am #1343783
    Rikard

    Hi,

    The login URL you posted is not working, please check.

    Best regards,
    Rikard

    March 9, 2022 at 12:24 pm #1343817
    FamalcoGroup
    This reply has been marked as private.
    March 9, 2022 at 1:15 pm #1343827
    Rikard

    Hi,

    Thanks for that. I’ve modified and added the CSS to your site now, please review it.

    Best regards,
    Rikard

    March 9, 2022 at 1:20 pm #1343833
    FamalcoGroup

    Still not working.

    March 9, 2022 at 1:27 pm #1343839
    FamalcoGroup
    This reply has been marked as private.
    March 9, 2022 at 1:29 pm #1343841
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    March 29, 2022 at 11:25 am #1346417
    FamalcoGroup
    This reply has been marked as private.
    March 29, 2022 at 12:49 pm #1346429
    Rikard

    Hi,

    This CSS is causing that to happen:

    .avia-smallarrow-slider .avia-slideshow-arrows a.prev-slide {
    top: 130px !important;
    left: -1300px;
}

    I’m not sure where you have added that though.

    If you want a different value for different screen sizes, then you can use a media query:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
   Large phone and tablet size 
}

    Best regards,
    Rikard

    March 29, 2022 at 2:32 pm #1346440
    FamalcoGroup
    This reply has been marked as private.
    March 30, 2022 at 5:25 am #1346504
    Nikko

    Hi FamalcoGroup,

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

    Best regards,
    Nikko

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Content Slider Arrows’ is closed to new replies.