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 »

Want to set background-color only under the title of categories widget in the sidebar


  #1  
Old Feb 12, 2009, 05:21 AM
MarkusM.
 
10 posts · Feb 2009
Want to set background-color only under the title of categories widget in the sidebar

Hi together,

first, I want to thank you for this amazing theme.
I saw it and the decision for it was not hard at all.

Now I'm trying to configure the layout of the theme to move it a little bit nearer to my other site layout.
I'm currently working on the left sidebar, which have two elements, the search and the categories, enabled.

I already set the settings for the sidebar to
Code:
border-right: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
border-top: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
in oder to get a solid border around the whole sidebar. Worked fine.

But is it also possible to set a table around the title of the categories widget and fill it with a background color ?
The normal background of the sidebar should stay white. I only want to underlay the categories title with another background color.

Many thanks in advance,
Markus
  #2  
Old Feb 12, 2009, 08:21 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
You can address the title box of the categories widget like this, through HTML/CSS Inserts -> CSS Inserts

HTML Code:
div.widget_categories .widget-title {
border: solid 1px #000000;
background: #eeeeee;
padding: 5px;
}
  #3  
Old Feb 12, 2009, 11:00 AM
MarkusM.
 
10 posts · Feb 2009
Hi Flynn,

works great, thank you for the quick answer.
But is it also possible to stretch the table to the border of the sidebar (without padding to the left and right) ?

Regards
Markus
  #4  
Old Feb 12, 2009, 01:51 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
The space left/right is a 10 px padding on the parent container, the sidebar, not a margin on the widget itself.

If you change the padding of the sidebar to 0 at Sidebars -> LEFT Sidebar style / RIGHT sidebar style the widgets will stretch from left to right.

Then you can get any kind of sophisticated widget styling at A. Theme Options -> Widgets. Play with the padding and margin values on all these containers: Widget Container, Widget Title Box, Widget Title (this could be styled as another box too, although it refers to the <h3> of the widget title and the widget title text inside), Widget Content Box.

You'd very likely want either a padding or a margin or both on the Widget Content Box or the widget content would touch the left and right borders of the sidebar
  #5  
Old Feb 12, 2009, 03:33 PM
mannitol
 
6 posts · Feb 2009
UK
Quote:
Originally Posted by Flynn
You can address the title box of the categories widget like this, through HTML/CSS Inserts -> CSS Inserts

HTML Code:
div.widget_categories .widget-title {
border: solid 1px #000000;
background: #eeeeee;
padding: 5px;
}
Flynn,

Would I be able to set the font for the left/right side panels here also?

Sorry for hijacking the thread by the way!
  #6  
Old Feb 12, 2009, 05:45 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Quote:
Originally Posted by mannitol
Flynn,

Would I be able to set the font for the left/right side panels here also?

Sorry for hijacking the thread by the way!
The above is for widgets in both sidebars

To have different fonts in the sidebars address them separately at Sidebars -> LEFT/RIGHT sidebar style, there's one style box for each sidebar

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
set a different background color for homepage only? hiccupgirl Atahualpa 3 Wordpress theme 2 Jul 3, 2009 07:11 PM
background color in a sidebar? petevannuys Sidebars & Widgets 4 Jun 18, 2009 10:24 PM
How do I change the Font color and bullets for the Page title in the Page Widget chrysos Page & Category Menu Bars 2 May 31, 2009 07:15 PM
RSS Sidebar Widget Only Displays Title composerscott RSS, Feeds & Subscribing 2 Apr 17, 2009 11:56 PM
How to set body background to white color? araneum Atahualpa 3 Wordpress theme 2 Feb 8, 2009 02:40 PM


All times are GMT -6. The time now is 01:29 PM.


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