Need help? Check out our Support site, then


CSS help for Imbalance 2: remove Category Archive, image size and other

  1. 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. 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. 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. 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. Thank you so much for your help! Changes applied..like it!

  6. 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. 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.

About this Topic