Editing the Header Widget

  • Resolved nozahon

    (@nozahon)


    9 years, 10 months ago

    Hi All!
    I was able to successfully add a header widget using the WP Custom Widget Area plugin; however, the widget appears on the left side and extends all the way across the header. I would like this widget to appear on the upper right side across my logo and to not extend all the way across the header.
    I added the code into the header.php and the code that I added was: dynamic_sidebar( ‘header-widget’ );
    How do I change the appearance and location of this widget?
    It’s been a nightmare trying to change this; please help!!

    https://ww.wp.xz.cn/plugins/wp-custom-widget-area/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author krozero

    (@krozero199)

    9 years, 10 months ago

    hi nozahon, you can either add css targeting widget-class or just wrap dynamic_sidebar inside another div and add css targeting that div. i.e
    css:

    .header-right-widget{
 width: 100px;
 float: right;
}

    html:
    <div class="header-right-widget"><?php dynamic_sidebar( 'header-widget' ); ?></div>

    Thread Starter nozahon

    (@nozahon)

    9 years, 10 months ago

    I am fairly new to wordpress and coding.
    Can you please explain it to me step by step?
    I just tried adding the CSS, but it’s not working…

    Thanks!

    Thread Starter nozahon

    (@nozahon)

    9 years, 10 months ago

    never mind; it worked! Thanks!!!

    cupidadmin

    (@cupidadmin)

    9 years, 9 months ago

    hallo Krozero,
    I’ve the same problem. I’m really liking this plugin, it’s very handy, but I can’t seem to shorten the widget. I tried the above steps you laid out, but it’s not working for me. I named my header-widget, HEADER. So of course I adjusted the text in the html to this:

    <div class=”header-right-widget”><?php dynamic_sidebar( ‘header-widget’ ); ?></div>
    and I tried some other combinations, but nothing changes for me.

    Help please

    kind regards

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

The topic ‘Editing the Header Widget’ is closed to new replies.