Title: Sight theme category page
Last modified: August 21, 2016

---

# Sight theme category page

 *  [kbell349](https://wordpress.org/support/users/kbell349/)
 * (@kbell349)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/sight-theme-category-page/)
 * I’m having trouble modifying my the code that displays category posts as blocks.
   I’d like to change the size and color of the boxes upon hovering. To view this
   on the website, you can click [here](http://uscfractal.com/category/poetry).
 * Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Thread Starter [kbell349](https://wordpress.org/support/users/kbell349/)
 * (@kbell349)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/sight-theme-category-page/#post-3743994)
 * Bumping, since there haven’t been any answers
 * I was able to change the size, but still can’t change the color from the default
   ugly yellow (ffea97) to black when hovering over the boxes. I could’t find any
   place in the CSS code that effectively changed it.
 *  [paulwpxp](https://wordpress.org/support/users/paulwp/)
 * (@paulwp)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/sight-theme-category-page/#post-3743997)
 * That are direct changes injected by theme’s JS, it’s not in regular `style.css`
   file.
 *     ```
       function grid_update(){
       	$('#loop').addClass('grid').removeClass('list');
       	$('#loop').find('.thumb img').attr({'width': '190', 'height': '190'});
       	$('#loop').find('.post')
       		.mouseenter(function(){
       			$(this)
       				.css('background-color','#FFEA97')
       				.find('.thumb').hide()
       				.css('z-index','-1');
       		})
       		.mouseleave(function(){
       			$(this)
       				.css('background-color','#f5f5f5')
       				.find('.thumb').show()
       				.css('z-index','1');
       		});
       	$('#loop').find('.post').click(function(){
       		location.href=$(this).find('h2 a').attr('href');
       	});
       	$.cookie('mode','grid');
       }
       ```
   
 * I’m not a JS guy, so what I could think of is just dequeue that script and enqueue
   a duplicate one with modification on the color code along with new size. It depends
   on the theme too, some themes don’t use standard WP way to enqueue script.
 * You might be able to use a more specific selector to win out that inline CSS 
   injection, but it’s not as good as taking care of the JS directly.
 * Also, your WP installation is outdate, you should immediately update it for security
   reason, and make sure you got backup of theme files and database.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Sight theme category page’ is closed to new replies.

## Tags

 * [code](https://wordpress.org/support/topic-tag/code/)
 * [color](https://wordpress.org/support/topic-tag/color/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [modification](https://wordpress.org/support/topic-tag/modification/)
 * [sight theme](https://wordpress.org/support/topic-tag/sight-theme/)

 * 2 replies
 * 2 participants
 * Last reply from: [paulwpxp](https://wordpress.org/support/users/paulwp/)
 * Last activity: [13 years, 1 month ago](https://wordpress.org/support/topic/sight-theme-category-page/#post-3743997)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics