Home › Forums › WoodMart support forum › Change color of the 1px line of the search form

Change color of the 1px line of the search form

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 9, 2019 at 8:53 am #117785

    timvanhuik
    Participant

    Hi,

    Is it possible to change the color of the 1px line of the search form?

    See screenshot

    Attachments:
    You must be logged in to view attached files.
    April 9, 2019 at 11:45 am #117828

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .woodmart-search-form .searchform input[type=text]{
	border: 2px solid red;
}

    Set the thickness and color as per your needs

    Best Regards

    April 9, 2019 at 11:50 am #117829

    timvanhuik
    Participant

    Wow, thanks, that worked 🙂

    -> can I also change the color of the default text inside?

    April 9, 2019 at 1:54 pm #117845

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .whb-general-header .woodmart-search-form .searchform input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: red;
}
.whb-general-header .woodmart-search-form .searchform input[type=text]::-moz-placeholder { /* Firefox 19+ */
  color: red;
}
.woodmart-search-form .searchform input[type=text]:-ms-input-placeholder { /* IE 10+ */
  color: red;
}
.whb-general-header .woodmart-search-form .searchform input[type=text]:-moz-placeholder { /* Firefox 18- */
  color: red;
}

    Best Regards

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)