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 1 year, 1 month ago.

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

    allison@cultiverse.com
    Participant
    Post count: 4

    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!

    -Allison

     

     

    #47956

    dev
    Participant
    Post count: 451

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

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

    Dev

    NewMedia Website Design

    #48027

    allison@cultiverse.com
    Participant
    Post count: 4

    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 :http://coral.org/wordpress/

    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.

    Thanks!

    -Allison

    #48051

    dev
    Participant
    Post count: 451

    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.

    Dev
    NewMediaWebsiteDesign.com

    • This reply was modified 1 year, 1 month ago by  dev.
    • This reply was modified 1 year, 1 month ago by  dev.
    #48054

    allison@cultiverse.com
    Participant
    Post count: 4

    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?

    Thanks!!
    -Allison

    #48074

    dev
    Participant
    Post count: 451

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

    http://wordpress.org/plugins/sticky-slider/

    NewMediaWebsiteDesign.com

    #48098

    Tony @ AlphaBlossom
    Participant
    Post count: 460

    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,
    Tony


    #48111

    dev
    Participant
    Post count: 451

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

    I learn something here every day!

    #48112

    Tony @ AlphaBlossom
    Participant
    Post count: 460

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


    #48126

    allison@cultiverse.com
    Participant
    Post count: 4

    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!

    Allison

    #48133

    allison@cultiverse.com
    Participant
    Post count: 4

    Works like a charm! Thank you both so much!

    #48136

    Tony @ AlphaBlossom
    Participant
    Post count: 460

    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…

    Tony


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

You must be logged in to reply to this topic.