[SOLVED] How to Style Flexipages Widget with CSS
Using WordPress 3.0.1; Atahualpa 3.5.1.
I can't seem to find the right CSS selector to style the first-child li's in the Flexipages widget. In the <div id="flexipages-6" class="widget flexipages_widget"> <ul>, I want to make each of the first-child <li>'s {color: #357ec7; font-weight: bold;} Found this older string: http://forum.bytesforall.com/showthr...xipages+widget But the selectors suggested there do not seem to work. Have tried every combination I can think of, but can't seem to find the right CSS selector. I will very much appreciate help! Many thanks. |
Further to above:
The following CSS Code works to style ALL pages in the Flexipages widget: div.flexipages_widget ul li.page_item a:link, div.flexipages_widget ul li.page_item a:active, div.flexipages_widget ul li.page_item a:visited, div.flexipages_widget ul li.page_item a:hover { color: #357ec7; font-weight: bold; !important; } Can anyone help me style just the first-child page_items as above? Many thanks! |
Still further to above: SOLVED:
The following code works to style just the first-child pages in the Flexipages widget: div.flexipages_widget ul li a:link, div.flexipages_widget ul li a:active, div.flexipages_widget ul li a:visited, div.flexipages_widget ul li a:hover { color: #357ec7; font-weight: bold; font-size: 15.5px !important; } Hope this helps someone else! |
All times are GMT -6. The time now is 01:54 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.