Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » Forum Usage » Forum How-To »

[SOLVED] How to Style Flexipages Widget with CSS


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Sep 11, 2010, 12:55 PM
New WordPress Fan
 
137 posts · Jul 2010
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.
  #2  
Old Sep 11, 2010, 01:54 PM
New WordPress Fan
 
137 posts · Jul 2010
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!
  #3  
Old Sep 11, 2010, 02:20 PM
New WordPress Fan
 
137 posts · Jul 2010
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!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Edit link style in CSS louisevarre Atahualpa 3 Wordpress theme 9 May 1, 2011 10:31 AM
Double CSS style for category bar? Craig Atkinson Page & Category Menu Bars 0 May 21, 2010 04:28 PM
[SOLVED] Classes added to style.css seem to be ignored kostermw Header configuration & styling 4 Oct 6, 2009 11:20 AM
[SOLVED] Using version 3.4.3 vs. 3.3.3 Style.css?? Craig Mattice Atahualpa 3 Wordpress theme 2 Oct 2, 2009 01:41 PM
errors in style.css aninkling Atahualpa 3 Wordpress theme 1 Feb 26, 2009 06:59 PM


All times are GMT -6. The time now is 06:07 PM.


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