oxygen theme, searching results, hide images BUT hi-light phrase searched

• 

  orientaltextiles · Member · Aug 30, 2015 at 6:17 am

  • Copy link
  • Add topic to favorites

  Regarding the search results for Oxygen theme, how to hide all featured images and/or attached images BUT hi-light the phrase searched instead?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Aug 31, 2015 at 9:30 pm

  • Copy link

  Hi there, this will highlight the term searched for in the line at the top of search results and hide the featured image.

  .search .page-title span {
      color: #cc0000;
  }
  .search .featured-image {
      display: none;
  }

  If you wish to adjust the spacing on the title/excerpts in the search content area, add the following and then adjust the widths. I would suggest taking away from one the exact amount you add to the other. Example: narrow entry header (title) to 25% (5% reduction) change entry summary width from 65% to 70% (5% increase). The addition 5% is for space between the titles and the excerpts.

  .search .entry-header {
      width: 30%;
  }
  .search .entry-summary {
      width: 65%;
  }

• 

  orientaltextiles · Member · Sep 2, 2015 at 11:57 pm

  • Copy link

  Yes, it works so far, thanks!

  I also meant to have sections (which contain the searched term) showed with the searched term highlighted.

• 

  thesacredpath · Member · Sep 3, 2015 at 12:18 am

  • Copy link

  We cannot highlight the search terms within the content. That would require javascript or php, and we cannot use those here at WordPress.com for security reasons.

• 

  orientaltextiles · Member · Sep 3, 2015 at 4:05 am

  • Copy link

  Got it!
  Thanks so much for your help :)

• 

  thesacredpath · Member · Sep 3, 2015 at 6:57 am

  • Copy link

  You are welcome.