[Resolved] Search box customization

Home Forums Support [Resolved] Search box customization

Home Forums Support Search box customization

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1655705
    Manuela

    Hello,

    I have a search button on the button of my homepage. Could you please help me round the edges of the search box?

    Thank you,

    #1655710
    Manuela

    – I meant to say I have a search box on the bottom of my page ๐Ÿ™‚

    #1655979
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    .wp-block-search .wp-block-search__input {
      border-radius: 50px;
      background-color: #fff;
    }
    #1656078
    Manuela

    Hey David,

    Thank you very much!

    #1656109
    David
    Staff
    Customer Support
    #1914381
    Andrew

    Hi David,

    I’m also looking to customize the search box on my homepage (using the ‘search’ block in the WP editor). Can you share examples of CSS I could play with? Specifically, I’m looking to customize the outline color, round the corners of the search box (if possible), color and size of the text inside the box, color of the search button, color of the text on the button.

    Thanks for your help.

    Andrew

    #1914388
    Ying
    Staff
    Customer Support

    Hi Andrew,

    You can play with the CSS David provided here:
    https://generatepress.com/forums/topic/search-box-customization/#post-1655979

    If you need further help, please open a new topic with you site link attached. Thanks ๐Ÿ™‚

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.