Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1080305
    juanajaafar
    Participant

    Hi.

    1) How do I reduce the size of the Prev/Next Navigation buttons size on my slider so that it is the same size as the Control Navigation buttons?

    2) IF I don’t use the Prev/Next Navigation buttons, can I activate the Control Navigation buttons so they function like Prev/Next Navigation buttons?

    #1080335
    Rupok
    Member

    Hi there,

    Thanks for writing in! Would you clarify which slider you are referring? If you are using Revolution Slider then you will find that settings under Slider Settings > Navigation.

    You can provide your URL if you still can’t figure it out.

    Cheers!

    #1080359
    juanajaafar
    Participant

    It’s the slider on my landing page which is below my menu.

    #1080382
    Rupok
    Member

    Hi there,

    Thanks for clarifying. If you just scroll a bit then you will see the options – http://prntscr.com/br748j

    Cheers!

    #1080776
    juanajaafar
    Participant

    Yes, I turned the Prev/Next Navigation off because the buttons are much bigger than the Control Navigation.

    My question above is on how I can resize the Prev/Next Navigation so it is the same size as the Control Navigation.

    #1080871
    Rupok
    Member

    Thanks for writing back! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1081191
    juanajaafar
    Participant
    This reply has been marked as private.
    #1081225
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> CSS :

    .flex-direction-nav a {
        height: 19px;
        width: 19px;
        line-height: 19px;
       font-size:12px;
    }

    Hope that helps.

    #1081582
    juanajaafar
    Participant

    Great! Thanx.

    How do I customize the button colours (including hover)?

    #1081723
    Thai
    Moderator

    Please update the previous CSS a bit:

    .flex-direction-nav a {
        height: 19px;
        width: 19px;
        line-height: 19px;
       font-size:12px;
       background-color: #000;
    }
    .flex-direction-nav a:hover {
        color: #000 !important;;
        background-color: #f0f0f0;
    }

    Hope it helps 🙂

    #1081878
    juanajaafar
    Participant

    Works nicely. Thank you.

    #1082076
    Joao
    Moderator

    Glad to hear it.

    Let us know if you need help with anything else.

    joao

  • <script> jQuery(function($){ $("#no-reply-1080305 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>