Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

[SOLVED] New homepage widgets areas: borders persist on every page


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Oct 11, 2009, 05:01 PM
lhanft
 
88 posts · Jul 2009
Cleveland, OH
I have widgetized the entire homepage at http://www.theagnonschool.org. I like the result. But I want all the new widget areas I've created to appear only on the front page.

I've used widget logic to specify that each widget should appear only on the homepage, assuming that on the other pages of the site, the new widget areas would collapse when there was no widgets in them.

Unfortunately, while the spaces the widgets occupied do collapse, the dashed-line borders I created around those new widget areas persist on every page. How can I get rid of them on all but the home pages?

Example: The dashed lines bunched together at the top of http://theagnonschool.org/an-agnon-e...ood-education/. They aren't supposed to be there and only appeared after I created and styled the new widget areas.

If it helps, here is the code I used to create the new widget areas:

/*fix padding on homepage only*/
body.page-id-576 td#middle {
padding: 0px}


/*Style new widget areas on homepage*/
/*top left*/
td#intro_area_1 {
margin-top: -2px;
border-top: dashed 1px #DDEEFF;
border-bottom: dashed 1px #DDEEFF;
border-right: dashed 1px #DDEEFF;
font-family: trebuchet, helvetica, verdana, sans-serif;
background-color: #B3B3FF;
}

/*top right */
td#intro_area_2 {
border-top: dashed 1px #DDEEFF;
border-bottom: dashed 1px #DDEEFF;
font-family: trebuchet, helvetica, verdana, sans-serif;
background-color: #FFEEBD;
}


/*top_widgets=second row of widgets*/
td#top_widgets_1 {
border-bottom: dashed 1px #DDEEFF;
font-family: trebuchet, helvetica, verdana, sans-serif;
background-color: #C1E4FF;
}

td#top_widgets_2 {
border-bottom: dashed 1px #DDEEFF;
border-left: dashed 1px #DDEEFF;
font-family: trebuchet, helvetica, verdana, sans-serif;
color: #84C2F2;
background-color: #405B9E;}

/*bottom_squares=third row widgets*/
td#bottom_squares_1 {
border-top: dashed 1px #DDEEFF;
border-bottom: dashed 1px #DDEEFF;
border-right: dashed 1px #DDEEFF;
font-family: trebuchet, helvetica, verdana, sans-serif;
color: #84C2F2;
background-color: #013467;
}
td#bottom_squares_2 {
border-bottom: dashed 1px #DDEEFF;
font-family: trebuchet, helvetica, verdana, sans-serif;
color: #84C2F2;
background-color: #FFEEBD;
}
td#bottom_squares_3 {
border-bottom: dashed 1px #DDEEFF;
border-left: dashed 1px #DDEEFF;
font-family: trebuchet, helvetica, verdana, sans-serif;
font-size: 12px;
color: #84C2F2;
background-color: #B3B3FF;
}
/*despite name these are footer widgets*/
td#header_widgets_1{
font-family: trebuchet, helvetica, verdana, sans-serif;
background-color: #FFfffD;
}

td#header_widgets_2{
font-family: trebuchet, helvetica, verdana, sans-serif;
background-color: #FFfffD;
}

td#header_widgets_3{
font-family: trebuchet, helvetica, verdana, sans-serif;
background-color: #FFfffD;
}

Last edited by lhanft; Oct 11, 2009 at 05:02 PM. Reason: widget logic, frontpage, new widget area
  #2  
Old Oct 11, 2009, 07:22 PM
juggledad's Avatar
juggledad
 
22,378 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
try applying the style only to the home page so your css would be

body.home td#intro_area_1 {
margin-top: -2px;
border-top: dashed 1px #DDEEFF;
border-bottom: dashed 1px #DDEEFF;
border-right: dashed 1px #DDEEFF;
font-family: trebuchet, helvetica, verdana, sans-serif;
background-color: #B3B3FF;
}
etc, etc, so the sytle will only apply on the home page
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Oct 11, 2009, 10:14 PM
lhanft
 
88 posts · Jul 2009
Cleveland, OH
Ah. I didn't know there was a way to do that. Thanks.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Sidebar styling - no borders showing up mwiwchar Sidebars & Widgets 3 Jul 23, 2009 01:33 PM
[SOLVED] Adding borders to sides of blog with blog centred in middle of page rhymes Page & Category Menu Bars 1 May 16, 2009 12:38 AM
iframes have borders, how to correct tekdiver500ft Atahualpa 3 Wordpress theme 2 Mar 23, 2009 09:53 PM
The striped borders in Atahualpa ochocho Atahualpa 3 Wordpress theme 1 Feb 24, 2009 10:41 AM
Borders around images upscho Atahualpa 3 Wordpress theme 9 Feb 17, 2009 01:50 PM


All times are GMT -6. The time now is 12:33 AM.


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