Keyword

Category descriptions inline with category image

More
11 years 9 months ago #108127 by Jared
Any tips on how to get the category descriptions to show up at the same level as the category image?
My descriptions are showing up under the image.

Please Log in or Create an account to join the conversation.

More
11 years 9 months ago #108128 by william white
Replied by william white on topic Re: Category descriptions inline with category image
You will probably need to float the image and remove padding
post a link if the site is live

Please Log in or Create an account to join the conversation.

More
11 years 9 months ago #108129 by Jared
The site isn't live, it's on my local machine. I'm using the standard K2 template layout though. Can you point me in the right direction?

Please Log in or Create an account to join the conversation.

More
11 years 9 months ago #108130 by william white
Replied by william white on topic Re: Category descriptions inline with category image
Try firebug, inspect the elements and add the css code in firebug until you get what you want, then make changes to the css file

Please Log in or Create an account to join the conversation.

More
11 years 9 months ago #108131 by Jared
Thanks for the suggestion. I started with Firebug and never could find it. I guess it's the sub-category image that I'm really after. Here's what I'm seeing in the CSS, changing the padding to 0 doesn't do it:

/* --- Sub-category block --- */
div.itemListSubCategories {}
div.itemListSubCategories h3 {}
div.subCategoryContainer {float:left;}
div.subCategoryContainerLast {} /* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */
div.subCategory {background:#f7fafe;border:1px solid #ddd;margin:0px;padding:8px;}
div.subCategory a.subCategoryImage,
div.subCategory a.subCategoryImage:hover {text-align:left;display:block;}
div.subCategory a.subCategoryImage img,
div.subCategory a.subCategoryImage:hover img {background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
div.subCategory h2 {}
div.subCategory h2 a {}
div.subCategory h2 a:hover {}
div.subCategory p {}

Please Log in or Create an account to join the conversation.

More
11 years 9 months ago #108132 by Jared
I found it. It was in the category.php file. I just needed to left align the image.

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum