Changing widget size and align i header widget area

  • Resolved lundvik

    (@lundvik)


    9 years, 1 month ago

    Hi!

    I′m working on the design on this site https://nya.vattenliv.nu and have a problem. As for now I have a product search box in the header widget area. I would like to change position and width of the widget area, so that the search-box is aligned to the right and have a smaller width. Which code shall I use?

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

    (@hannahritner)

    Hey,
    Try adding this to your custom css box in Theme Options > Advanced Settings:

    .product-search input[type="text"].product-search-field {
    width: 25%;
    float: right;
    margin-top: 5px;
}

    Hope it helps!

    Hannah

    Thread Starter lundvik

    (@lundvik)

    Thank you Hannah f?r your Quick response.

    I’ve tried your code bur it didn’t work. Could it be another id-namn f?r the searchbox? The widget is called “Woocommerce instant produkt search”

    Peter

    hannah

    (@hannahritner)

    Hey,
    Sorry for the delay. Try changing to this:

    .product-search input[type="text"].product-search-field {
    width: 25% !important;
    float: right;
    margin-top: 5px;
}

    Does that fix?

    Hannah

    Hey lundvik,
    I looked at your css output and you have a space added betweeninput[type="text"] and .product-search-field make sure that there is no space there when you update.

    Kadence Themes

    Thread Starter lundvik

    (@lundvik)

    Thanks, now it works great!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing widget size and align i header widget area’ is closed to new replies.