Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Forum How-To (http://forum.bytesforall.com/forumdisplay.php?f=9)
-   -   [SOLVED] How to Style Flexipages Widget with CSS (http://forum.bytesforall.com/showthread.php?t=9572)

New WordPress Fan Sep 11, 2010 11:55 AM

[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.

New WordPress Fan Sep 11, 2010 12:54 PM

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!

New WordPress Fan Sep 11, 2010 01:20 PM

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 11:47 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.