ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Cardinal
• November 25, 2015 at 11:20 pm #231395
  nhowland

  Member

  Post count: 5

  Hey there!!

  This might be a pretty stupid question, but I’m looking to adjust the stylings of the search field within my website (see the attached image to see how it currently looks). Right now the text color is white, which doesn’t provide enough contrast against the light colored background. The search result text is also far too large (it’s set at h5 right now, which I modified for other text elements on the site). I’d like to change the color of the text as well as change the size of the search result text. What would be the best way to do that? Through the editor or is there another way I overlooked?

  Thanks so much! Forever a SwiftIdeas user.
  -Nick

  Attachments:

  You must be logged in to view attached files.
  November 26, 2015 at 10:05 am #231450
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Add this to your custom css:

  .ajax-search-wrap input[type="text"], .search-result-pt h6, .no-search-results h6, .search-result h5 a, .no-search-results p {
    color: #111!important;
  }
  .search-result h5 {
    font-size: 12px;
    line-height: 16px;
  }

  – Kyle

  January 4, 2016 at 5:19 am #237992
  nhowland

  Member

  Post count: 5

  Kyle! You rock! Sorry for the crazy long delay, holidays have been nuts. The custom CSS worked like magic. There’s one other thing I noticed, though. Is there any simple way to change the color of the search field text (where you type the search query in) and change the color of the post date that shows under the search result? Right now they are white on white. I’ll include a picture below.

  I hope your year is off to a great start! Thanks again for the assistance!

  Attachments:

  You must be logged in to view attached files.
  January 4, 2016 at 6:01 am #237998
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .ajax-search-wrap input[type=”text”], .search-result-pt h6, .no-search-results h6, .search-result h5 a, .no-search-results p {
  color: #000 !important;
  }

  Thanks
  Mohammad

• Back to forum

  Posted in: Cardinal