- Posts: 13
COMMUNITY FORUM
Category descriptions inline with category image
- Jared
-
Topic Author
- Offline
- New Member
Less
More
12 years 3 months ago #108127
by Jared
Category descriptions inline with category image was created 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.
My descriptions are showing up under the image.
Please Log in or Create an account to join the conversation.
- william white
-
- Offline
- Platinum Member
Less
More
- Posts: 3722
12 years 3 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
post a link if the site is live
Please Log in or Create an account to join the conversation.
- Jared
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 13
12 years 3 months ago #108129
by Jared
Replied by Jared on topic Re: Category descriptions inline with category image
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.
- william white
-
- Offline
- Platinum Member
Less
More
- Posts: 3722
12 years 3 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.
- Jared
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 13
12 years 3 months ago #108131
by Jared
Replied by Jared on topic Re: Category descriptions inline with category image
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 {}
/* --- 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.
- Jared
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 13
12 years 3 months ago #108132
by Jared
Replied by Jared on topic Re: Category descriptions inline with category image
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.