• Resolved cupidadmin

    (@cupidadmin)


    Hi,
    I’ve the exact same problem as another fellow with the name NOZAHON. The widget area stretches over the whole length!
    The answer he got was by a member named:KROZERO. He wrote to add,
    .header-right-widget{
    width: 100px;
    float: right;
    }
    in the css file and to add/change the code in html to,
    <div class=”header-right-widget”><?php dynamic_sidebar( ‘header-widget’ ); ?></div>
    I tried it but nothing. Of course i changed the part (‘header-widget’) to the real widgets name and tried al kinds of different things, but no results, HELP PLEASE!
    kind regards

Viewing 15 replies - 1 through 15 (of 15 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    please post a link to your site.

    Thread Starter cupidadmin

    (@cupidadmin)

    thanks for the response, this is the link:

    https://cupidstrikez.eu

    [moderated to fix link]

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    what is it your want to move? What widget area?

    Thread Starter cupidadmin

    (@cupidadmin)

    So at the top there’s a widget which translates.(Transposh). The current language chosen is Dutch. If i would place this plugin in a footer-widget, it wouldn’t be stretched across the screen, but a nice and small size of about 4 centimeters. I want the Transposh language-selector to be to the left and about 4/5 centimeters or to the right and not all across the screen.

    Thread Starter cupidadmin

    (@cupidadmin)

    the TOP left or right of course in the HEAD of the screen

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Thread Starter cupidadmin

    (@cupidadmin)

    This would be area number 3. In the picture the selection-bar reads English and is stretch completely across the screen! Why? I want the selector to be nice and small to the left or right and big enough to show the name’s of languages selected

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    The way your header is laid out makes this difficult, but try this

    li#transposh-5 {
        width: 20%;
        min-width: 200px;
        float: right;
        margin-right: 1em;
    }

    If you prefer it on the left, use “float: left” and use a margin-left instead.

    Thread Starter cupidadmin

    (@cupidadmin)

    No, it’s not working. I pasted it in the CSS, but nothing happens. If the order I want to do it in or just the place makes it so problematic. I want to let you now that I’m a Noob and making my first steps in WordPress e.g. I wanted to send a picture of the problem, but I still would have to figure out how to place a link like you did above.

    What I simply want to have done is to place a language-selector in the HEADER not to close to another widget area or anything else Clearly visible, but not completely stretched across the screen

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    where did you paste in the CSS?

    Thread Starter cupidadmin

    (@cupidadmin)

    The bottom of the CSS file reads:

    /*
    * Please add your custom styles below
    */

    and i pasted it ONE enter below that, at the very bottom of the file!

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Please disable your caching plugins while working on this.

    Thread Starter cupidadmin

    (@cupidadmin)

    Thank you! You’re the best. It’s now in the rightside of the header, exactly above the profile-selector and log out button, but what if I wanted to make it yet just a little smaller, to just a little bigger than the size of the text underneath that reads edit translation and the button selector. Than I would just change the width to 18% in the CSS?

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Yes. You could also play with font sizes, etc.

    Thus endeth the lesson.

    Thread Starter cupidadmin

    (@cupidadmin)

    Thanx ??

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘WP Custom Widget area’ is closed to new replies.