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] New homepage widgets areas: borders persist on every page


  #1  
Old Oct 11, 2009, 04: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 04:02 PM. Reason: widget logic, frontpage, new widget area
  #2  
Old Oct 11, 2009, 06:22 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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, 09: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 12:33 PM
[SOLVED] Adding borders to sides of blog with blog centred in middle of page rhymes Page & Category Menu Bars 1 May 15, 2009 11:38 PM
iframes have borders, how to correct tekdiver500ft Atahualpa 3 Wordpress theme 2 Mar 23, 2009 08:53 PM
The striped borders in Atahualpa ochocho Atahualpa 3 Wordpress theme 1 Feb 24, 2009 09:41 AM
Borders around images upscho Atahualpa 3 Wordpress theme 9 Feb 17, 2009 12:50 PM


All times are GMT -6. The time now is 01:55 AM.


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