Advertisement:

Author Topic: Categories with image  (Read 20555 times)

komir

  • Jr. Member
  • **
  • Posts: 85
Re: Categories with image
« Reply #15 on: November 04, 2011, 12:52:39 am »
what are this advertise here 188*100  in bottom of page, and how to edit it?

Its a file called ads.php in your theme folder

Hope that helps

Thank you and second part do you know how to assign image to category?

komir

  • Jr. Member
  • **
  • Posts: 85
Re: Categories with image
« Reply #16 on: November 20, 2011, 05:30:07 am »
Anyone,  how to assign image to category?

Jesse

  • Hero Member
  • *****
  • Posts: 631
  • Out of my mind, back in 5 minutes
Re: Categories with image
« Reply #17 on: November 20, 2011, 06:33:31 am »
Komir,

I'm still playing with this myself, but to associate an image with a category, you'll need to edit the style.css file located within your theme folder.

Starting at about line 126, you'll see /* categories image */ ....

You'll then see many lines like this:

.home #main .categories .category h1 .category.jobs { background:......

To associate a category with an image, just change ".category.jobs" to ".category.the-name-of-your-category".

Sometimes you have to add a _1 after it, like ".category.jobs_1" to get it to work. You can know exactly what you need to use by viewing the source code in your browser.... just look for a line like, "<span class="category jobs">. If it instead says, "<span class="category jobs_1">, you'll know to add _1 (or whatever else the category might be called).

I'm still learning this all but, that works for me!  :)

Jesse
« Last Edit: November 20, 2011, 06:37:32 am by Jesse »

trains58554

  • Osclass contributor
  • Hero Member
  • *****
  • Posts: 3642
  • osCanyon, the class of Osclass
Re: Categories with image
« Reply #18 on: November 20, 2011, 07:01:18 am »
@Jesse

Anther great tool for debugging and finding the names you need is firebug for Firefox and I think they also have a version for Google chrome.

Jay

Jesse

  • Hero Member
  • *****
  • Posts: 631
  • Out of my mind, back in 5 minutes
Re: Categories with image
« Reply #19 on: November 20, 2011, 07:53:02 am »
Jay: Thanks for the tip! I'll check it out.

mkmobi

  • Full Member
  • ***
  • Posts: 119
Re: Categories with image
« Reply #20 on: March 06, 2012, 03:37:34 pm »

aboutvaradero

  • Newbie
  • *
  • Posts: 5
Re: Categories with image
« Reply #21 on: April 25, 2012, 11:15:33 am »
Thanks

Is there anyway to provide a podding left 10px to the subcategories?

thanks in advance

blainec

  • Newbie
  • *
  • Posts: 2
Re: Categories with image
« Reply #22 on: October 16, 2012, 07:23:53 am »
What theme are we talking about here and where can I download it? The above link does not work
« Last Edit: October 16, 2012, 07:40:36 am by blainec »

kiwii

  • Newbie
  • *
  • Posts: 6
Re: Categories with image
« Reply #23 on: January 21, 2013, 10:30:57 pm »
Hello,

I did what you described but nothing happens. I have version 302 (the last)

How do I get the pictures in the categories?

thank you  :)

kiwii

  • Newbie
  • *
  • Posts: 6
Re: Categories with image
« Reply #24 on: January 22, 2013, 03:37:51 pm »
Hello,

I followed the instructions but when looking at the site, listed under "Services" and "Real Estate"

The picture took its place but you do not see, why in your opinion?

thank you

Url http://petites-annonces.sortirasete.com/

scoodek

  • Newbie
  • *
  • Posts: 18
Re: Categories with image
« Reply #25 on: March 16, 2013, 06:00:29 pm »
Hi guys, I have been messing around with the images for the categories however I cant seem to get 2 of the images to work. The images are all the same size and format, and are located in the same folder. Can anyone please point me in the right direction, any help would be appreciated.

The CSS.....

/* categories image */
.home #main .categories .category h1 .category.dogs { background: url(images/dogs.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.rodents { background: url(images/rodents.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.birds { background: url(images/birds.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.cats { background: url(images/cats.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.rabbits { background: url(images/rabbits.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.fish { background: url(images/fish.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.reptiles { background: url(images/reptiles.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.horses { background: url(images/horses.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.adoption { background: url(images/adoption.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.services { background: url(images/services.gif) no-repeat; padding: 25px; padding-top: 20px;}
.home #main .categories .category h1 .category.accessories { background: url(images/accessories.gif) no-repeat; padding: 25px; padding-top: 20px;}

scoodek

  • Newbie
  • *
  • Posts: 18
Re: Categories with image
« Reply #26 on: March 16, 2013, 06:31:58 pm »
Yea im pretty new to all this, I have jumped in with both feet basically... im getting there slowly though.
Thanks for your reply tom, ill try you tips and hopefully ill get it to work.

shamal

  • Newbie
  • *
  • Posts: 40
Re: Categories with image
« Reply #27 on: March 31, 2013, 06:18:53 pm »
Hello,

Anyone,  how to assign image to category? I've done everything, it does not work
thanks

n4sa

  • Newbie
  • *
  • Posts: 5
Re: Categories with image
« Reply #28 on: April 05, 2013, 08:52:23 am »
Im having issues with it displaying properly in IE10. The columns are all out. Does anyone have a fix for this?

edit, figured it out :) Applied this to head.php

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
« Last Edit: April 05, 2013, 09:12:48 am by n4sa »

Luca

  • Hero Member
  • *****
  • Posts: 584
  • CentOs 6.4 - Virtualmin - OSC 3.0 - Custom Theme
Re: Categories with image
« Reply #29 on: April 06, 2013, 05:16:45 pm »
@tomshaft
Sorry, please, should avoid putting categories in h1 tags as well as strong tags inside heading tags...

My 1.5 cents

Luca