Widget header problems

  • lolaliz

    (@lolaliz)


    11 years, 12 months ago

    Hi.
    I have added a social media widget to the header on the right. But there’s a dot before the icons and it’s pushing the logo down. This social media widget worked fine when it was on the “right sidebar”, but now that I created the header it’s not so great. They are also way up on top. What happened? Do I need to set something up in style.css? If so, what? I created the widgetized header by going to function.php and adding: 

    register_sidebar( array (
'name' => __( 'Header Widget Area'),
'id' => 'widget-name',
'description' => __( 'The header widget area'),
'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
'after_widget' => "</li>",
'before_title' => '<h2 class="widget-title">',
'after_title' => '</h2>',
) );

    Then I went to Header.php and added under <div id=”header”>:

    <?php if ( ! dynamic_sidebar( 'Header Widget Area' ) ) : ?>
<?php endif; ?>

    Many thanks in advance! My link:
    http://lolabernabe.com/wp/
    Lola

Viewing 8 replies - 1 through 8 (of 8 total)
  • Varun Sridharan

    (@varunms)

    11 years, 12 months ago

    Hi

    Can You Send Me You Header.php And Functions.php Code Via psatebin.com

    Thread Starter lolaliz

    (@lolaliz)

    11 years, 12 months ago

    varunms, your url psatebin.com doesn’t work.

    Varun Sridharan

    (@varunms)

    11 years, 12 months ago

    hi

    sorry the correct url is pastebin.com

    Michael

    (@alchymyth)

    11 years, 12 months ago

    caused by the faulty insertion of the widget – without surrouding ul tags:

    <div id="header">

<li id="social-widget-2" class="" widget="" social_widget"=""><div class="soc......

    change this:

    <?php if ( ! dynamic_sidebar( 'Header Widget Area' ) ) : ?>
<?php endif; ?>

    to:

    <ul><?php if ( ! dynamic_sidebar( 'Header Widget Area' ) ) : ?>
<?php endif; ?></ul>

    if this does not solve the problem, add a new style with ‘list-style-type: none;’ for the widgets;
    http://www.w3schools.com/css/css_list.asp

    using a tool such as Firebug might help you to identify the correct css seletors.
    http://getfirebug.com/

    Thread Starter lolaliz

    (@lolaliz)

    11 years, 12 months ago

    thank you alchymyth. I got rid of the bullet by adding “ul” instead of “li”

    Although the logo is still being pushed down because I can’t figure out how to correct it in the css. The designer of the theme says that i should add a width to the widget because right now it’s the entire length of the page and that’s why the logo to the left is pushed down. Also to make the social icon go lower I need to add padding. But I can’t figure out what the class Id is, which I think I need. Can you or someone look at the link: http://lolabernabe.com/wp/ again please?

    I pasted the social media icon widget css as it appears on the page. The widget can be found at: http://wordpress.org/extend/plugins/social-media-widget/

    Thank you!
    Lola

    Varun Sridharan

    (@varunms)

    11 years, 12 months ago

    Hi

    Your Theme Css Is Crashed Kindly Replace Your Theme Files And Reply Me As Its Very Simple
    And Can You Send Me You Header.php And Functions.php Code Via pastebin.com

    Thread Starter lolaliz

    (@lolaliz)

    11 years, 12 months ago

    varunms, it hasn’t crashed. It looks fine on safari and firefox. It looks messy cause I’m working on it , but it has not crashed.

    L.

    Thread Starter lolaliz

    (@lolaliz)

    11 years, 12 months ago

    Problem solved. I needed to add floats and change the header width.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Widget header problems’ is closed to new replies.