Can’t stylize the search

  • Resolved edgarkaplan

    (@edgarkaplan)


    6 years, 2 months ago

    Love the plugin! But having an issue stylizing the search…

    The things I would love to do:
    1) Make the button bigger but keep the placeholder area aligned with the bottom of the button. Currently when I increase the size the placeholder area moves towards the middle of the button
    2) I want to make the search bar take up the entire empty space that is currently seen between its current position and the left side of the logo. I would need this to also be responsive, currently it looks very poorly in mobile
    3) Put a semi-transparent border around the search area
    4) Round the button + box (about 2px nothing big)

    Could you help me please to override the default CSS and make these changes?

    Thank you.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author ILLID

    (@mihail-barinov)

    Hello,

    Please try to add following styles to your theme style.css file

    .aws-container .aws-search-form .aws-form-btn,
.aws-container .aws-search-form .aws-wrapper {
    height: 100% !important;
}

.aws-container .aws-show-clear .aws-search-field {
    background: none;
    border: 1px solid #0083db4d;
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
}

.aws-container .aws-search-form .aws-form-btn {
    border: none;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}
    • This reply was modified 6 years, 2 months ago by ILLID.
    Thread Starter edgarkaplan

    (@edgarkaplan)

    Amazing! Works perfect! Thanks for the great support and amazing plugin!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Can’t stylize the search’ is closed to new replies.