Sidebar logo does not appear centered and the search widget appears incorrectly

  • jeshurtado

    (@jeshurtado)


    10 months ago

    In Sydney theme the sidebar logo does not appear centered and the search widget appears incorrectly. Although in the configuration I place it centered, it always appears on the left side. The search widget also looks bad. This occurs only with pages made with the Elementor plugin, specifically since version 3.18. Please, I love Sydney and would like to be able to correct this problem. Thank you so much.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @jeshurtado,

    Looks likely your 20644 page can’t retain particular styles for the top image and search form in the sidebar.

    To replicate the style, you can add this CSS code to your site’s Appearance > Customize > Additional CSS.

    .widget-area .wp-block-search__button-outside .wp-block-search__inside-wrapper {
  display: flex;
  flex: auto;
  flex-wrap: nowrap;
  max-width: 100%;
}

.widget-area .wp-block-search__button-outside .wp-block-search__input {
  width: 92%;
}

.widget-area .wp-block-search__button-outside .wp-block-search__button {
  height: 50px;
}

.widget-area .wp-block-search__button-outside .wp-block-search__inside-wrapper .search-icon {
  fill: #fff;
}

.widget-area .wp-block-image .aligncenter > img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
    Thread Starter jeshurtado

    (@jeshurtado)

    Thank you very much, it has worked perfectly. Would there be any possibility to put a space between the search box and the search button? I am very grateful for your help. A cordial greeting!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sidebar logo does not appear centered and the search widget appears incorrectly’ is closed to new replies.