Genesis Responsive Slider Navigation Help

Community Forums Forums General Discussion Genesis Responsive Slider Navigation Help

This topic is: resolved

This topic contains 11 replies, has 3 voices, and was last updated by  Tony @ AlphaBlossom 2 years, 5 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • #45705

    My design specs call for numerals instead of the little discs for navigation in the Slider. I see that the navigation is styled as an ordered list, but I don’t know how to make the numerals display.

    Thanks for any hints!






    Maybe if you showed us the site, someone could help you?

    Most people will help for free… but mind-reading costs a lot extra ! :-)


    NewMedia Website Design


    Hey Dev,

    Thanks for your response…I guess I figured that everyone knows the genesis slider so well that they’d know what I meant…

    Anyway, the development site is at :

    The designer called for numerals at the top of the slides (to the right of “Top Stories”) instead of the navigation discs, so I’m trying to figure out how to change them. I’m a little hesitant to delve into the guts of the plugin, but I think I may need to do something there to display the numbers. I was hoping it was just a css thing.





    You want pagination on the slider. Not sure that is possible with the Gen slider. It might we with Soliloquy Slider. Maybe the Layer slider. There are a zillion sliders out there!

    You might be able to use NextGen plugin as a slider… not sure.

    Personally, I think the designer has “over designed” just a bit. Spending resources on such a ‘silly’ function is not a good use of anyone’s time, IMO.

    I’m sure if I dove into the code of the slider I could figure it out… but not for free! :-)

    Then again, maybe there is a simple answer to this… or another slider you can use. Let us know if you find out anything. Good luck.


    • This reply was modified 2 years, 5 months ago by  dev.
    • This reply was modified 2 years, 5 months ago by  dev.

    Thanks for looking at the site. I did look at at least half a zillion sliders, but finally found that the genesis slider seemed the most flexible. (As it is, I did some stupid crazy things to match the design…) But I’ll look at Soliloquy.

    You are totally right about the design – and apparently this designer is being quite inflexible. (I could use a lot of other words for him, but delicacy prevents me.) My boss keeps promising her clients that I can match these idiotic designs faithfully, and I have to keep telling her that it’s a flagrant abuse of the beauty of wordpress and best practices…

    If it becomes an issue, can I contact you to maybe negotiate a price to look at the code?




    Try this. It might work with Genesis. Claims it has slider pagination built in:


    Tony @ AlphaBlossom

    I think I’m understanding you correctly. I’m looking at your slider code and it uses an ordered list.

    You can change the css to display the numbers, then style them and position them how/where you like.

    Try this and see if it helps:

    .flex-control-nav li a {
    background: transparent;
    text-indent: 0;

    You may have to add !important after both ( background: transparent !important; text-indent: 0 !important; ) but I would try it without first.

    Instead of background: transparent, you can add a color to get a square background, borders, change width and height, text align center, etc.

    I hope that’s what you’re looking for!

    /* edit – I would add the code above to your child theme style.css file, not edit the slider’s theme as it will most likely be overwritten if you update it */

    Take care,



    Good job. Worked when I tried it with her site via Chrome Inspect Element.

    I learn something here every day!


    Tony @ AlphaBlossom

    Thanks Dev! That’s what’s so great about this forum…we can all come and learn from each other!


    Thanks Tony – I’ll give it a whirl.

    BTW, I learned that if you copy the css bits from the plugin stlesheet to the child theme stylesheet and add “body” in front of the selectors, you don’t need to use !important, and you don’t have to worry about overwriting when you update the plugin…so far, it’s worked for me.

    Will let you know how this goes.

    You are the best!



    Works like a charm! Thank you both so much!


    Tony @ AlphaBlossom

    Hi Allison,

    I never thought to use body before, but I do usually use more specific targeting so I don’t have to use !important (maybe the parent container, etc)…but I thought that might confuse the issue :)

    I’m happy to hear it helped! Have a great night…


Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.