Style a widget

  • dimerbox

    (@dimerbox)


    15 years, 2 months ago

    Hey all,

    Just can’t wrap my head around this and could use some direction or any help with widgets and styling them or putting a div around it so I could control it with css

    The site is
    http://www.crpu.net/

    Overall what I’m trying to do is to have my widgets like the Shopping cart on the right side below the boxes to appear inside the boxes I’ve designed

    So more less I want widgets inside my boxes how hard would this be to achieve ? I’m thinking div wrapped around it but not sure where I would put the code it so that it would use the div / css..

    This may be a very simple task but I’m somewhat new to wordpress but have experience in xhtml/css etc

    Any help would be super appreciated!!

    Thanks,
    D

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael

    (@alchymyth)

    15 years, 2 months ago

    there might be a possibility to set the html before and after the widget using the ‘register_sidebar()’ code:

    http://codex.wordpress.org/Function_Reference/register_sidebar

    look into functions.php of your theme for the code of your theme.

    Thread Starter dimerbox

    (@dimerbox)

    15 years, 2 months ago

    Thank you very much for the provided information!

    For anybody looking for a simple answer on “how to style your widgets”

    Here is the basic I’ve figured out

    In your theme functions.php

    Your looking for one of the many bars that control the widget area

    register_sidebar( array(
		'name' => __( 'Primary Widget Area', 'twentyten' ),
		'id' => 'primary-widget-area',
		'description' => __( 'The primary widget area', 'twentyten' ),
		'before_widget' => <strong>'<div id="widget_test">'</strong>,'<li id="%1$s" class="widget-container %2$s">',
		'after_widget' => '</li>',
		'before_title' => '<h3 class="widget-title">',
		'after_title' => '</h3>',<strong>'</div>'</strong>
	) );

    What I’ve added
    <div id=”widget_test”>’
    ‘</div>’

    Thanks again alchymyth for the help!

    Daryl

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Style a widget’ is closed to new replies.