Okay
  Public Ticket #3506709
Next Section Button Size and line thickness
Closed

Comments

  •  1
    Helge started the conversation
    October 24, 2023 at 6:17pm

    Is there a way to change the size and line thickness of the "next section button"? Custom CSS I assume?

  •  2,086
    Judith replied
    October 24, 2023 at 6:54pm

    Hello Helge,

    Thanks for contacting us.

    Please paste this CSS to adjust the size:

    .nectar-next-section-wrap.mouse-wheel .nectar-next-section:after, .scroll-down-wrap.no-border .section-down-arrow:after, .slider-down-arrow.no-border:after {
        left: 38%;
        width: 44px;
        height: 63px;
        border: 5px solid rgba(255,255,255,.5);
    }
.nectar-next-section-wrap.mouse-wheel .nectar-next-section:before, .nectar-next-section-wrap.mouse-wheel[data-custom-color=true] .track-ball, .scroll-down-wrap.no-border .section-down-arrow:before, .slider-down-arrow.no-border:before {
        height: 13px;
    }

    I hope this is helpful.

    Please let us know how this goes.

  •  1
    Helge replied
    October 24, 2023 at 7:39pm

    Thank you very much Judith. It changed the normal button state and I can adjust it from there. Can you also assist with the hover state? Right now the hover size remains as before, see screenshot...

  •  2,086
    Judith replied
    October 24, 2023 at 8:12pm

    Hi Helge,

    Thanks for writing back.

    You can adjust this css for the scroll down on hover:

    .nectar-scroll-icon {
        width: 52px;
        height: 55px;
    }

    I hope this helps.

    Best Regards.

  •  1
    Helge replied
    October 24, 2023 at 8:17pm

    Thanks Judith, that definitely did the trick! Much appreciated!