Forums › Forums › Search & Filter Pro › I want to put an icon in the Date part, is there any document on how to fix it?
- This topic has 10 replies, 2 voices, and was last updated 4 years, 6 months ago by Anonymous.
-
Trevor(Private) April 26, 2020 at 4:24 pm #241439
Clicking in the date field pops up the datepicker, so maybe the icon would be best at the right of the date field, maybe inside the date field, so that clicking it still pops up the datepicker? That means you would have two of them. I am guessing it could be done using the after pseudo class.
Can you confirm that might be what you want?
Trevor(Private) April 28, 2020 at 9:37 am #241703What I was suggesting was doing this (I am not sure it is possible, but I can try):
https://www.screencast.com/t/3QqmwMkgKV67
Is that acceptable to you? It would use CSS and no images (instead us an icon, from maybe Font Awesome or Dashicons).
Trevor(Private) April 29, 2020 at 9:38 am #241879In your theme customizer, in the Custom CSS, add this:
.searchandfilter[data-sf-form-id="7184"] ul.sf_date_field > li:after { content: "\ec051"; height: 40px; width: 40px; vertical-align: middle; line-height: 40px; font-size: 20px; transform: rotateY(180deg); color: #fff; text-align: center; font-weight: 400; font-family: icomoon-the7-font; position: absolute; margin-left: -40px; background: #c00f41; }
This uses the same icon and font as the search in your theme header.
-
AuthorPosts