WordPress.org

Forums

[resolved] Widgets show/hide (3 posts)

  1. ferdri3
    Member
    Posted 4 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

  2. ferdri3
    Member
    Posted 4 years ago #

    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;
    }
  3. ferdri3
    Member
    Posted 4 years ago #

    bumb

Topic Closed

This topic has been closed to new replies.

About this Topic