Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

[SOLVED] Styling new widget areas


  #1  
Old Sep 27, 2009, 02:07 PM
lhanft
 
88 posts · Jul 2009
Cleveland, OH
I'm sooooo close to getting the new horizontal widget area set up on my homepage, BUT I cannot figure out how to style it.

Or rather, I thought I knew how to style it -- by adding css in the Add HTML/CSS Inserts page of A's Options -- but haven't been able to change the CSS. By process of elimination, I'm thinking my problem is that I'm not calling the new areas by the correct ID or class.

The 2 new widgetized cells are called intro_area 1 and intro_area 2 on the Widget page. (I used this to create them: <?php bfa_widget_area('name=intro_area&cells=2&align_1=8 &align_2=8&width_1=690&width_2=240'); ?>)


To style the first cell, I've tried inserting

div.intro_area 1
{border: dotted 1px #000000;
font-family: trebuchet, helvetica, verdana, sans-serif;
background color: #9999FF;
}

and

.intro_area 1{
border: dotted 1px #000000;
font-family: trebuchet, helvetica, verdana, sans-serif;
background color: #9999FF;
}

and

div.intro_area 1
.widget {
border: dotted 1px #000000;
font-family: trebuchet, helvetica, verdana, sans-serif;
background color: #9999FF;
}


What am I doing wrong?!?
  #2  
Old Sep 27, 2009, 02:08 PM
lhanft
 
88 posts · Jul 2009
Cleveland, OH
Oops, forgot this: The site I refer to is http://theagnonschool.org.
  #3  
Old Sep 27, 2009, 02:18 PM
juggledad's Avatar
juggledad
 
23,755 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
The name becomes an ID=... so you need DIV#intro.....
Also your missing the underscore so the underscore so you have
intro_area
intro_area_1 and
intro_area_2
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Sep 27, 2009, 02:22 PM
lhanft
 
88 posts · Jul 2009
Cleveland, OH
Oh, bless you Juggledad, for your quick reply.

So should it be ?:

div#intro._area 1
{border: dotted 1px #000000;
font-family: trebuchet, helvetica, verdana, sans-serif;
background color: #9999FF;
}

With no period between div & the ID?
  #5  
Old Sep 27, 2009, 02:24 PM
juggledad's Avatar
juggledad
 
23,755 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
yes and no period after the word 'intro' and an underscore between 'area' and '1'
like this
HTML Code:
div#intro_area_1 {
border: dotted 1px #000000;
font-family: trebuchet, helvetica, verdana, sans-serif;
background color: #9999FF;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Sep 27, 2009, 03:33 PM
lhanft
 
88 posts · Jul 2009
Cleveland, OH
Arrggghhh! It's not working. Here's what I have in my CSS Inserts text area:

/*Style new widget areas on homepage*/
div#top_widget_2 {
border: dotted 1px #FFFFFF;
font-family: trebuchet, helvetica, verdana, sans-serif;
background color: #9999FF;
}

div#top_widget_1 {
border: dotted 1px #000000;
font-family: trebuchet, helvetica, verdana, sans-serif;
background color: #9999FF;
}

div#intro_area_1 {
border: dotted 1px #000000;
font-family: trebuchet, helvetica, verdana, sans-serif;
background color: #9999FF;
}

div#intro_area_2 {
border: dotted 1px #000000;
padding-right: 10px;
font-family: trebuchet, helvetica, verdana, sans-serif;
background color: #9999FF;
}


Is there a plugin or wordpress setting that is known to override or interfere with code placed in this section? I don't think I've ever been able to get any CSS I've placed here to work well.

Last edited by lhanft; Sep 27, 2009 at 04:10 PM.
  #7  
Old Sep 27, 2009, 04:41 PM
juggledad's Avatar
juggledad
 
23,755 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
I bad, they are not DIV's they are TD's so it should be td#intro.....

(...mumble...I veeerrrry bad...sigh)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Sep 27, 2009, 04:45 PM
lhanft
 
88 posts · Jul 2009
Cleveland, OH
LOL. And here I was smacking myself in the head for my (yet unspecified but undeniable) stupidity at not being able to make it work.

Thanks for checking back and giving me the fix for it.

Bookmarks

Tags
new widget area, new widget css, style new widget, widget css

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Styling new widget areas Wimbledon Sidebars & Widgets 6 Dec 13, 2009 07:39 AM
Some encouragement for Flynn re: new widget areas paulae Sidebars & Widgets 12 Sep 24, 2009 07:43 AM
New widget areas working at all? paulae Sidebars & Widgets 3 Sep 21, 2009 03:49 PM
Widget areas 1 to 4 Ddabrai Sidebars & Widgets 2 Aug 15, 2009 02:48 AM
adding new widget areas? dbweim Sidebars & Widgets 1 Aug 8, 2009 04:28 AM


All times are GMT -6. The time now is 07:19 AM.


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