Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 30, 2023 at 3:27 pm #1424135
    Illingco

    Hello again. This is a continuation from https://kriesi.at/support/topic/add-amazon-style-search-bar-in-top-menu/#post-1423892. How can I also control the eyeglass icon color? And the border thickness of the searchbar? Thanks.

    October 31, 2023 at 2:30 am #1424195
    Ismael

    Hey Illingco,

    Thank you for opening a different thread.

    How can I also control the eyeglass icon color?

    Have you tried changing the color values in the css modification from the previous thread?

    .header_color .widget_search input[type=submit]:hover {
    background-color: #dc291d;
    color: #232323;
}

    If you want to adjust the initial color, use this:

    #top #header.header_color .widget #searchform #searchsubmit {
    font-size: 16px;
    color: blue;
}

    To adjust the border width of the search bar, add this css code.

    #top #header.header_color .widget #s {
    border-width: 3px !important;
}

    Best regards,
    Ismael

    November 8, 2023 at 11:05 pm #1425037
    Illingco

    Great thanks for that. How do I change the color of the search bar border? Thanks again.

    November 9, 2023 at 5:05 am #1425068
    Nikko

    Hi Illingco,

    You can change the color of the border by adding this CSS property:

    border-color: #ebebeb !important;

    inside this code from Ismael:

    #top #header.header_color .widget #s {
    border-width: 3px !important;
}

    Hope it helps.

    Best regards,
    Nikko

    November 9, 2023 at 5:48 pm #1425149
    Illingco

    Great thank you!

    November 9, 2023 at 8:05 pm #1425166
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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