Widgets show/hide

  • Resolved ferdri3

    (@ferdri3)


    13 years ago

    Hello,

    Ive just made a custom page and set it to show on my frontpage.

    In that custom page I created 40 widget spaces (4 row of 10)
    Now when I fill only half of them with categories for example, the other (empty) half is still visible.
    meaning the border + background color of 22px height.

    border: 1px;
border-radius: 10px;
background: #000;

    I tested if I could make it disapear by adding an empty text thingy to them, but nothing changes..

    Anyone know how I can hide those (obviously styled) empty widget areas?

    Thanks in advance!
    If more info is needed tell me

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter ferdri3

    (@ferdri3)

    extra info

    Custom page code: (4 times)

    <div class="row1">
<!-- r01w01 --><div class="rows"><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('r01w01') ) : ?><?php endif; ?></div>
<!-- r01w02 --><div class="rows"><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('r01w02') ) : ?><?php endif; ?></div>
<!-- r01w03 --><div class="rows"><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('r01w03') ) : ?><?php endif; ?></div>
<!-- r01w04 --><div class="rows"><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('r01w04') ) : ?><?php endif; ?></div>
<!-- r01w05 --><div class="rows"><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('r01w05') ) : ?><?php endif; ?></div>
<!-- r01w06 --><div class="rows"><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('r01w06') ) : ?><?php endif; ?></div>
<!-- r01w07 --><div class="rows"><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('r01w07') ) : ?><?php endif; ?></div>
<!-- r01w08 --><div class="rows"><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('r01w08') ) : ?><?php endif; ?></div>
<!-- r01w09 --><div class="rows"><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('r01w09') ) : ?><?php endif; ?></div>
<!-- r01w10 --><div class="rows"><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('r01w10') ) : ?><?php endif; ?></div>
</div>

    Functions.php (40 times)

    if ( function_exists('register_sidebar') )
    register_sidebar(array(
		'name' => 'r01w01',
	    'before_widget' => '',
        'after_widget' => '',
        'before_title' => '<div class="widgetheading"><h3>',
        'after_title' => '</h3></div>',
    ));

    style.css

    .widgetheading {
	width: 198px;
	margin: -6px;
	margin-bottom: 10px;
	padding: 5px;
	height: 15px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #22a7df;
	color: #fff;
	font-size: small;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.rows {
	width: 196px;
	float: left;
	padding: 5px;
	margin-bottom: 20px;
	background: #fcebc7;
	border-radius: 10px;
	border: 1px;
	border-style: solid;
	border-color: #22a7df;
}
.rows p {
	font-style:italic;
	color:#555;
	font-size:80%;
}
.rows li {
	margin-left: -17px;
	padding: 5px 0;
	list-style: none;
}
.row1, .row2, .row3, .row4 {
	position: relative;
	width: 200px;
	float: left;
	margin: 10px;
	padding: 5px;
}

    Thread Starter ferdri3

    (@ferdri3)

    bumb

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Widgets show/hide’ is closed to new replies.