Community Forums › Forums › Archived Forums › General Discussion › Genesis Responsive Slider Navigation Help
- This topic has 11 replies, 3 voices, and was last updated 10 years, 10 months ago by Tony @ AlphaBlossom.
-
AuthorPosts
-
June 13, 2013 at 12:13 pm #45705[email protected]Member
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
June 26, 2013 at 9:20 pm #47956devParticipantMaybe if you showed us the site, someone could help you?
Most people will help for free... but mind-reading costs a lot extra ! 🙂
Dev
June 27, 2013 at 9:22 am #48027[email protected]MemberHey 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
June 27, 2013 at 10:28 am #48051devParticipantYou 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.
June 27, 2013 at 10:39 am #48054[email protected]MemberThanks 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!!
-AllisonJune 27, 2013 at 11:29 am #48074devParticipantTry this. It might work with Genesis. Claims it has slider pagination built in:
June 27, 2013 at 2:42 pm #48098Tony @ AlphaBlossomMemberI 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
Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom
June 27, 2013 at 3:46 pm #48111devParticipantGood job. Worked when I tried it with her site via Chrome Inspect Element.
I learn something here every day!
June 27, 2013 at 3:50 pm #48112Tony @ AlphaBlossomMemberThanks Dev! That's what's so great about this forum...we can all come and learn from each other!
Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom
June 27, 2013 at 5:01 pm #48126[email protected]MemberThanks 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
June 27, 2013 at 5:46 pm #48133[email protected]MemberWorks like a charm! Thank you both so much!
June 27, 2013 at 6:12 pm #48136Tony @ AlphaBlossomMemberHi 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
Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.