[Resolved] Header Widget Control

[Josep]

I would like to edit the vertical spacing of the header right widgets.

http://www.artofboardgaming.com

I’m hoping to move the searchbar down to about where the social media icons currently are and then have the social media icons directly below that. I’m assuming that I have to mess around with the padding but I’m not sure which CSS to edit without affecting all the other widgets as well.

Thanks in advance.

[Tom]

Hi there,

Give this CSS a try:

.header-widget .widget_search {
    margin-bottom: 0;
    padding-bottom: 5px;
    margin-top: 25px;
}

[Josep]

perfect – thanks so much, Tom!

[Tom]

You’re welcome 🙂

[Rajinikanth]

i want to place my social icons widget and meta slider widget,next to next in header
kindly support css code

[Leo]

Hi there,

Can you try this CSS?

.site-header .widget {
    display: inline-block;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

If this doesn’t work are you able to open a new topic and provide a link to your site?

Thanks!

[Rajinikanth]

Thanks i fixed that issue…
here my site http://www.rkhelectronics.com

now i want to remove extra extended area at right side.i want make it fit to screen.

[Leo]

Your site is not loading for me. It says Error establishing a database connection.

Can you also start a new topic for further questions? Thanks!

[Author]

Posts