Support » Fixing WordPress » Can’t get the widgets on the same line with my header logo

  • Resolved hola1

    (@saidaicashback)


    hello everyone,

    I am using fashionista theme. I have added ‘search’ field and ‘text’ widgets to my header. but somehow, they are falling below the header and it’s taking up the space on tope of the site.

    can you please help me to get my page on the same line and teach me how to control the size of each widget?

    my page fxjpn.com

    • This topic was modified 3 years ago by  Steve Stern.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator Steve Stern

    (@sterndata)

    Support Team Volunteer

    This is the CSS for your site header

    .site-header .widget {
        float: right;
        clear: left;
        margin: 0;
        text-align: right;
        border: none;
    }

    If I remove the clear:left then things line up.

    So, either edit that block or use

    .site-header .widget { clear: none; }

    in a custom CSS block

    To add CSS: If your theme has a custom CSS option, use that to add the CSS shown above. If not, install the plugin Simple Custom CSS. Or, if you have Jetpack installed, enable its Custom CSS module.

    Learn the Chrome Developer Tools to help you see and test changes to your CSS.

    hola1

    (@saidaicashback)

    Hi Steve,

    Thanks for looking into this. But it didn’t do the job. It didn’t change anything.

    Any other ideas?

    Moderator Steve Stern

    (@sterndata)

    Support Team Volunteer

    I don’t see that you made the change. Your site’s CSS is unchanged.

    View post on imgur.com

    hola1

    (@saidaicashback)

    Thanks, Steve! I tried once and put the changes back as i was afraid it might mess up other parts. First, the change didn’t kick in, but i see it indeed did the job. Just to be sure, it doesn’t affect other parts, right?

    This is another question. I just noticed that when I look at the site with smaller screen, the logo and metatrader 4 logo doesn’t resize. Is there anyway I can tweak that?

    Thanks a lot in advance.

    hola1

    (@saidaicashback)

    one more side, question: how do i open some space between metatrader4 widget and search widget so that they are bit apart from each other?

    Moderator Steve Stern

    (@sterndata)

    Support Team Volunteer

    It’s unlikely there will be untoward side effects.

    I see you have a lot of questions but I’m not here to rebuild your site for you. You might ask in the theme’s support forum, https://wordpress.org/support/theme/fashionistas, and play around with the Chrome developer tools (cited above).

    If you have a caching plugin, be sure to clear the cache after you make changes or you won’t see them.

    hola1

    (@saidaicashback)

    OK, thanks Steve for the help. And yes, sorry for bombarding with questions.

    You have been a great help.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Can’t get the widgets on the same line with my header logo’ is closed to new replies.