WordPress.com

1. adartee
   Member
   Jan 19, 2013, 10:39 AM

   Hi,
   I need help with the following Imbalance 2 theme customization (I have purchased the CSS customization feature)
   1. remove/hide "Category Archive/.." label and keep only the name of the category visible;
   2. create square thumbnails in the homepage as in http://robinlennoxstewart.com/
   3. display a different featured image background color when image hovered for posts belonging to different categories (homepage)
   My site is still private please contact me for access
   Thank you

   The blog I need help with is silviacasaliphotography.wordpress.com.

2. designsimply
   Staff
   Feb 8, 2013, 1:52 AM

   1. remove/hide "Category Archive/.." label and keep only the name of the category visible;

   I see you found the solution for this one:

   .category .page-title {
   	visibility: hidden
   }
   .category .page-title span {
   	visibility: visible;
   	float:left
   }

3. designsimply
   Staff
   Feb 8, 2013, 2:05 AM

   2. create square thumbnails in the homepage as in http://robinlennoxstewart.com/

   That is achieved by saving a square version of the image and setting it as a featured image for each post.

4. designsimply
   Staff
   Feb 8, 2013, 2:15 AM

   3. display a different featured image background color when image hovered for posts belonging to different categories (homepage)

   There isn't a way to change the hover color for posts on the home page separately for different categories because of the way the HTML is structured. You could change them all at once with something like this though:

   .box .texts {
   	border-color: red;
   	background: red;
   }

   Change the color names to color codes of your choice.
   http://0to255.com/

5. adartee
   Member
   Feb 8, 2013, 4:45 AM

   Thank you so much for your help! Changes applied..like it!

6. adartee
   Member
   Feb 8, 2013, 4:52 AM

   You wrote there is no way to change the hover color for post in the home page separately for different categories in the home page..but is there a way to change it in each category page? Let's say I would like all the posts appearing when clicking portfolio to be hovered in red and those appearing in the projects category to be hovered in blue..the site is no more private now, http://www.silviacasaliphotography.wordpress.com
   Thank you!

7. designsimply
   Staff
   Feb 18, 2013, 7:46 PM

   You wrote there is no way to change the hover color for post in the home page separately for different categories in the home page..but is there a way to change it in each category page?

   Yes. View the page source for each type of page and look at the classes listed in the body tag. Each type of page has different tags, and you can use those to target the pages with different CSS.

   Let's look at the projects page as an example:
   http://silviacasaliphotography.wordpress.com/category/projects-progetti/

   It has a body class of "category-projects-progetti"

   So you can change the post hover color on those pages by using a category selector in CSS like this:

   .category-projects-progetti .box .texts {
   	border-color: red;
   	background: red;
   }

   You would then add a new block like that for each different selector you wanted to change the post hover color for.

Topic Closed

This topic has been closed to new replies.