CSS Styling for the S2 Widget in theme HUEMAN

  • Resolved weyck

    (@weyck)


    8 years, 8 months ago

    Hello again,

    i replaced the Header “MORE” for the Widget S2 by the “Search” Function. Please have a short look at amsterdamer-kroepfer.de.

    My Problem is the different hight of the div, its different to Header of the S1 Widget on the left site.

    Can anyone tell me how to style this?

    Thanks!

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

  • Hi weyck. The sidebar headers are both 60px in height. Where are you seeing a difference?

    Thread Starter weyck

    (@weyck)

    Hi bdbrown ??
    I realized it by myselfe:

    .sidebar-top {
    height: 30px;
    padding: 15px 30px;
    }

    But I think, thats not the right way. Please have a look, because the vertical align of the search input field is not centered. What is the right CSS Style Solution?

    Give this a try in your child theme css:

    /* center search form */
.s2 .themeform.searchform div {
    margin-left: 15px;
    margin-top: -4px;
}

@media only screen and (max-width: 479px) {
  .s2 .themeform.searchform div {
      margin-left: 100px;
      margin-top: -4px;
  }
}
    Thread Starter weyck

    (@weyck)

    Hi bdbrown!

    Works fine! You made my day ?? #happy

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS Styling for the S2 Widget in theme HUEMAN’ is closed to new replies.