WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Widgets show/hide

[Resolved] Widgets show/hide

  • 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)
  • 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;
    }

    bumb

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