Positioning widget in header area

  • Resolved timdevogel

    (@timdevogel)


    10 years, 3 months ago

    Hi,

    I found out how to ad a widget-area in my header. Now it appears next to the logo, which is okay, but I’d like to push it to the richt, just abvove the secondary column.
    I’ve got a child theme and I’ve editted the style.css with this:

    .newsletterwidget-2 {
    background: none repeat scroll 0 0 #C5C5C5;
    float: right;
    height: 0;
    left: 96px;
    position: relative;
    top: -155px;
    width: 200px;
    }

    But that has no effect at all! As a matter of fact, all the changes I’ve tried with .newsletterwidget-2 do nothing.

    The site’s https://www.elektroretailmagazine.nl

    By the way: Hueman is a fanatastic theme!

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

  • Hi timdevogsl. I didn’t see your sample above in your css but it’s targeting newsletterwidget-2 as a class. The selector is an ID on the div container so it would be styled using #newsletterwidget-2. While I was inspecting the elements on your site I gave it a float:right (without any of the other styles you have above) and it moved as expected. See if that works.

    Thread Starter timdevogel

    (@timdevogel)

    Hi bdbrown,

    Yes, I saw that I had made that mistake and corrected it (see below), but stil…. nothing!

    #newsletterwidget-2 {
    background: none repeat scroll 0 0 #C5C5C5;
    float: right;
    }
    #newsletterwidget-2 {
    height: 0;
    left: 96px;
    position: relative;
    top: -155px;
    width: 200px;
    }

    Thread Starter timdevogel

    (@timdevogel)

    Okay, I’m getting there bdbrown, thanks for pointing me in the right direction. I threw out the other styles, which left

    #newsletterwidget-2 {
    float: right;
    }

    and that works.

    Glad it’w working.

    Thread Starter timdevogel

    (@timdevogel)

    Once again, thanks. I have another question, but I’ll start a new thread for that.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Positioning widget in header area’ is closed to new replies.