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 » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

[SOLVED] Strange behavior on sidebar widgets with Flexi Pages


  #1  
Old Aug 22, 2009, 11:43 AM
ScottKarlins's Avatar
ScottKarlins
 
16 posts · Apr 2009
Atlanta, GA
[SOLVED] Strange behavior on sidebar widgets with Flexi Pages

I upgraded from 3.32 to the latest version of your great Atahualpa, version 3.4.2. I am also running version 1.5.3 of Flexi Pages Widget, and after updating Atahualpa to version 3.4.2, I am seeing some strange behavior in the Flexi Pages Widget. The small border-left: solid of 5 pixels used to highlight the built-in border-left: solid item within the Atahualpa theme. NOW, it is adding a second border-left: solid and highlighting that one! Here is the CSS Insert I am using, which is one you helped me on earlier this year. My site is at http://scottkarlins.com/ Please if you can, have a look and assist!:

/* DEFAULT */
div.flexipages_widget ul li.current_page_item a:link,
div.flexipages_widget ul li.current_page_item a:visited {
background: #ffffff !important;
border-left: solid 5px #cccccc !important;
color: #666666 !important;
}
/* For HOVER */
div.flexipages_widget ul li.current_page_item a:active,
div.flexipages_widget ul li.current_page_item a:hover {
background: #ffffff !important;
border-left: solid 5px #000000 !important;
color: #000000 !important;
}
/* For CURRENT */
div.flexipages_widget ul li.current_page_item a:link,
div.flexipages_widget ul li.current_page_item a:visited,
div.flexipages_widget ul li.current_page_item a:active,
div.flexipages_widget ul li.current_page_item a:hover {
background: #ffffff !important;
border-left: solid 5px #000000 !important;
color: #000000 !important;
}
/* Reset children of CURRENT */
div.flexipages_widget ul li.current_page_item ul li a:link,
div.flexipages_widget ul li.current_page_item ul li a:visited {
background: #ffffff !important;
border-left: solid 5px #cccccc !important;
color: #666666 !important;
}
div.flexipages_widget ul li.current_page_item ul li a:active,
div.flexipages_widget ul li.current_page_item ul li a:hover {
background: #ffffff !important;
border-left: solid 5px #000000 !important;
color: #000000 !important;
}
  #2  
Old Aug 23, 2009, 02:44 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Remove all border-left... lines from your custom CSS.

It may even work if you remove your custom CSS altogether.

The border is on the <LI> element now, in the newest Atahualpa version, for all widgets that have only one level of <LI> (most widgets) instead of the <A> element, for a more streamlined appearance throughout different widgets (twitter, recent comments etc...)

On the multi level widgets (Pages, Categories) the border is on the <A>.

Bascially, <LI> is the default now because it covers much more widgets, and <A> is the exception
  #3  
Old Aug 23, 2009, 04:07 PM
ScottKarlins's Avatar
ScottKarlins
 
16 posts · Apr 2009
Atlanta, GA
Thanks for the speedy reply Flynn!

If I remove all the border-left lines, the text stays highlighted on the active pages, but, I no longer get the solid block to stay highlighted. Any way to make it work?

Thanks, Scott K.
  #4  
Old Aug 23, 2009, 04:52 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
For the flexipages widget:

div.flexipages_widget ul li.current_page_item {
border-left:5px solid #000000 !important;
}

For the categories widget

div.widget_categories ul li.current-cat {
border-left:5px solid #000000 !important;
}

To make the cat widget link black when current

div.widget_categories ul li.current-cat a:link,
div.widget_categories ul li.current-cat a:visited,
div.widget_categories ul li.current-cat a:active,
div.widget_categories ul li.current-cat a:hover {
color: #000000 !important;
}
  #5  
Old Aug 23, 2009, 06:31 PM
ScottKarlins's Avatar
ScottKarlins
 
16 posts · Apr 2009
Atlanta, GA
Flynn,

Nice! All working on the Flexi Pages Widget now. Thank you!

On the Category Widget though, I see 2 borders. A black one, and right next to it, a grey one. I inserted this into CSS Inserts as you typed it:

For the categories widget

div.widget_categories ul li.current-cat {
border-left:5px solid #000000 !important;
}

To make the cat widget link black when current

div.widget_categories ul li.current-cat a:link,
div.widget_categories ul li.current-cat a:visited,
div.widget_categories ul li.current-cat a:active,
div.widget_categories ul li.current-cat a:hover {
color: #000000 !important;
}

Why is it doubling it up here?

Thanks! Scott K.
  #6  
Old Aug 27, 2009, 10:40 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
See next post instead of this one

Sorry I contradicted myself here. As mentioned (but not followed through) the border is on the <A> for pages and categories because they can have multiple levels

Instead of

div.widget_categories ul li.current-cat {
border-left:5px solid #000000 !important;
}

To make the cat widget link black when current

div.widget_categories ul li.current-cat a:link,
div.widget_categories ul li.current-cat a:visited,
div.widget_categories ul li.current-cat a:active,
div.widget_categories ul li.current-cat a:hover {
color: #000000 !important;
}


use

div.widget_categories ul li.current-cat a:link,
div.widget_categories ul li.current-cat a:visited,
div.widget_categories ul li.current-cat a:active,
div.widget_categories ul li.current-cat a:hover {
color: #000000 !important;
border-left:5px solid #000000 !important;
}


Please post a URL with the error in action in case this doesn't work either. It appears that the category widgets is currently not active on your site

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
strange thing in sidebar ciocchi New Versions, & Updating 4 Aug 6, 2009 03:21 AM
[SOLVED] Different sidebar and/or widgets for different pages jszei Sidebars & Widgets 2 Jul 30, 2009 03:32 PM
How to display page excerpts and images on sidebar (or, strange widget behaviour) reallylost Sidebars & Widgets 5 Jun 4, 2009 07:27 AM
Strange behavior when editing bfa_header_config.php jacoblo Header configuration & styling 2 Mar 24, 2009 04:45 AM
Set left sidebar widgets same distance from center area as right sidebar widgets daisy24 Sidebars & Widgets 2 Feb 19, 2009 05:11 AM


All times are GMT -6. The time now is 06:26 AM.


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