Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to change the pagination ellipse color
Tagged: pagination color ellipse
- This topic has 6 replies, 2 voices, and was last updated 9 years, 9 months ago by Tonya.
-
AuthorPosts
-
July 3, 2014 at 3:20 pm #112902Carla the MooseMember
My site isn't live yet, but let me know if you need to see it to help me.
Using Safari's developer tool, I found the CSS to change the ellipse color for my pagination. When I added it to my child stylesheet and added color, it didn't work.
li.pagination-omission { color: #777; }
I also tried it without the 'li' in the code. I'm not using a plugin for pagination, just whatever came with WordPress and my StudioPress theme. I can change it via the developer tool, but not in my stylesheet.
Any idea how to do this? It seems so simple. Thanks!!
July 4, 2014 at 4:24 am #112943TonyaMemberHi,
I haven't seen that particular pagination class previously. This tutorial should help you: How to Customize the Look (Style) of the Pagination in Your Genesis Child Theme.
Cheers
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampJuly 4, 2014 at 12:42 pm #112979Carla the MooseMemberGreat article, Tonya.
I was able to customize the font and spacing of the page number links, but those darn ellipses are hard to pinpoint. I can clearly see the class in the developer tool, but even when I add 'important' nothing happens.
I've had this happen before, where I can see the code I need, but the stylesheet doesn't recognize it for some reason.
You'd think changing the color of the ellipses would be very straight forward. I want them to be lighter in color than the numbers. I can only do this through the developer tool.
About the revisions in your post, I had no clue about that. So I add the line of code to my functions file and made the number consistent with my stylesheet. You're saying a browser will see this as a fresh file and load it, instead of recognizing it as something that's already been loaded?
Thanks so much for that tip!
July 5, 2014 at 2:53 pm #113067TonyaMemberHi,
Sorry for the late response. Busy with family for the holiday. I'll need to see your live site in order to help you with the styling. Are you able to make it live for us?
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampJuly 5, 2014 at 3:30 pm #113077Carla the MooseMemberThanks, Tonya, but amazingly I found an error. I inadvertently deleted a closing tag in my stylesheet. All code after that point wasn't publishing.
Whew! :o)
July 5, 2014 at 4:03 pm #113082TonyaMemberAha, that will definitely cause the problem. So glad you found it. 🙂
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampJuly 5, 2014 at 4:04 pm #113084TonyaMemberBTW, if you're happy with the answer to this thread, please mark it as resolved (it helps us to find the open issues more easily). Thanks 🙂
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp -
AuthorPosts
- The topic ‘How to change the pagination ellipse color’ is closed to new replies.