Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

[SOLVED] How to Style Flexipages Widget with CSS


  #1  
Old Sep 11, 2010, 11:55 AM
New WordPress Fan
 
141 posts · Jul 2010
[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.
  #2  
Old Sep 11, 2010, 12:54 PM
New WordPress Fan
 
141 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, 01:20 PM
New WordPress Fan
 
141 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 09:31 AM
Double CSS style for category bar? Craig Atkinson Page & Category Menu Bars 0 May 21, 2010 03:28 PM
[SOLVED] Classes added to style.css seem to be ignored kostermw Header configuration & styling 4 Oct 6, 2009 10:20 AM
[SOLVED] Using version 3.4.3 vs. 3.3.3 Style.css?? Craig Mattice Atahualpa 3 Wordpress theme 2 Oct 2, 2009 12:41 PM
errors in style.css aninkling Atahualpa 3 Wordpress theme 1 Feb 26, 2009 05:59 PM


All times are GMT -6. The time now is 04:41 PM.


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