Archived topic

Header Widget Control

7 replies · Started by Josep on March 22, 2016

Viewing posts 1–8 of 8

March 22, 2016 at 9:20 am #180885

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.

March 22, 2016 at 9:39 am #180893

Hi there,

Give this CSS a try:

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

March 22, 2016 at 10:00 am #180895

perfect - thanks so much, Tom!

March 22, 2016 at 10:18 am #180897

You're welcome :)

April 2, 2017 at 1:59 am #300584

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

April 2, 2017 at 6:46 am #300639

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!

April 6, 2017 at 4:25 am #302457

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.

April 6, 2017 at 7:27 am #302524

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!

This archived topic is closed to new replies.

Start building better websites today.