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] Sidebar Design


  #1  
Old Dec 27, 2011, 11:58 AM
quintain
 
68 posts · Nov 2010
ATA 3.7.1
WP 3.2.1

Hi, is it possible to have a sidebar colour with a different colour for the widgets.
See www.cleatormoor-tc.org.uk the R/H sidebar consists of 'Contact Us, Translate & Events Calendar etc' I wish each widget background to be blue but the sidebar colour to be white with the separation between the widgets showing white.
Can this be done and if so; will it survive ATA updates.
  #2  
Old Dec 27, 2011, 12:48 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
yes and yes - see the theme options
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Dec 27, 2011, 05:25 PM
quintain
 
68 posts · Nov 2010
Quote:
Originally Posted by juggledad
yes and yes - see the theme options
Thanks juggledad, I had tried using the widgets options but foolishly used color instead of background: I can now have the widgets with my selected color background but can the square edged boxes be rounded and with a different color border perhaps even a shadow; again without losing all on Theme updates??
  #4  
Old Dec 27, 2011, 07:01 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
sure, use the widget styling - note they won't show in IE earlier than IE9
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Dec 28, 2011, 10:51 AM
quintain
 
68 posts · Nov 2010
Quote:
Originally Posted by juggledad
sure, use the widget styling - note they won't show in IE earlier than IE9
juggledad your signature is correct and I thank you for it and your help.

For those who wish to see how I produced the rounded corners with a shadow at www.cleatormoor-tc.org.uk the following code inserted at ATA- Style Widgets-Widgets Container (background:#99cccc also placed in Widget Title Box):-
...........................................
padding: 5px 2px 2px 7px;
border-top: 2px solid #999999;
border-bottom: 5px solid #999999;
border-left: 2px solid #999999;
border-right: 5px solid #999999;
margin: 0 0 15px 0;
background: #99cccc;
-moz-border-radius: 10px;
border-radius: 10px;
.................................................. .
The above works in latest versions of IE, FF, Opera, Chrome.
  #6  
Old Dec 28, 2011, 11:33 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Another CSS3 option is to replace your border code with the following but again be aware this will not show in some browsers.
HTML Code:
box-shadow: 5px 5px 10px #999;
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Design Widgets Budun Sidebars & Widgets 3 Apr 17, 2010 01:45 PM
Blog design help ldsmedia Customization, Design, Programming... 11 Feb 1, 2010 06:43 AM
[SOLVED] willing to pay for design help measure2x Customization, Design, Programming... 3 Nov 15, 2009 05:47 PM
how to make heather design look like this? fratelli78 Header configuration & styling 0 Apr 29, 2009 02:38 AM


All times are GMT -6. The time now is 02:50 AM.


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