Advertisement:

Author Topic: Categories with image  (Read 20554 times)

RajaSekar

  • Hero Member
  • *****
  • Posts: 791
  • ராஜசேகர்
Categories with image
« on: August 30, 2011, 09:08:45 pm »

lynch

  • Newbie
  • *
  • Posts: 25
Re: Categories with image
« Reply #1 on: August 30, 2011, 09:35:15 pm »
how do but the facebook and twitter logo in footer ?

kris

  • Full Member
  • ***
  • Posts: 106
Re: Categories with image
« Reply #2 on: September 03, 2011, 11:20:11 am »
How to Fix this...

RajaSekar

  • Hero Member
  • *****
  • Posts: 791
  • ராஜசேகர்
Re: Categories with image
« Reply #3 on: September 03, 2011, 01:36:53 pm »

You should check this line in main.php

Code: [Select]

<h1><strong><span class="category <?php echo osc_category_slug() ; ?>"></span><a href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span></strong></h1>


kris

  • Full Member
  • ***
  • Posts: 106
Re: Categories with image
« Reply #4 on: September 03, 2011, 02:59:39 pm »
great it worked... now how to do it like this ;) Background for Text
« Last Edit: September 03, 2011, 03:01:27 pm by kris »

RajaSekar

  • Hero Member
  • *****
  • Posts: 791
  • ராஜசேகர்
Re: Categories with image
« Reply #5 on: September 03, 2011, 06:40:29 pm »

Locate these line in style.css

Code: [Select]

.home #main h1 { border-bottom:2px solid #f2f2f2; color:#000; font:18px Georgia, Times, 'Times New Roman', serif; }


Replace the above code with this

Code: [Select]

.home #main h1 { background: #EBEBEB; padding: 2px; border: 1px solid #000033;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; color:#000; font:20px Georgia, Times, 'Times New Roman', serif; }


rokoko

  • Newbie
  • *
  • Posts: 10
Re: Categories with image
« Reply #6 on: September 07, 2011, 01:41:34 am »
Nice Theme, but I need to add only the categories images.Which files I have to modify .
Thankks

Juan Ramón

  • Osclass Developer
  • Hero Member
  • *****
  • Posts: 2382
Re: Categories with image
« Reply #7 on: September 07, 2011, 01:27:21 pm »
You need to modify the css

RajaSekar

  • Hero Member
  • *****
  • Posts: 791
  • ராஜசேகர்
Re: Categories with image
« Reply #8 on: September 07, 2011, 04:45:22 pm »
Locate these line in main.php

Code: [Select]

<h1><strong><a class="category <?php echo osc_category_slug() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span></strong></h1>


Replace the above line with this

Code: [Select]

<h1><strong><span class="category <?php echo osc_category_slug() ; ?>"></span><a href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span></strong></h1>
                               

Add these line to end of the file style.css

Code: [Select]

/* categories image */
.home #main .categories .category h1 .category.for-sale { background: url(../images/sale.gif) no-repeat; padding: 25px; padding-top: 10px;}
.home #main .categories .category h1 .category.vehicles { background: url(../images/vehicle.gif) no-repeat; padding: 25px; padding-top: 10px;}
.home #main .categories .category h1 .category.classes { background: url(../images/classes.gif) no-repeat; padding: 25px; padding-top: 10px;}
.home #main .categories .category h1 .category.real-estate { background: url(../images/realestate.gif) no-repeat; padding: 25px; padding-top: 10px;}
.home #main .categories .category h1 .category.services { background: url(../images/services.gif) no-repeat; padding: 25px; padding-top: 10px;}
.home #main .categories .category h1 .category.community { background: url(../images/community.gif) no-repeat; padding: 25px; padding-top: 10px;}
.home #main .categories .category h1 .category.personals { background: url(../images/personal.gif) no-repeat; padding: 25px; padding-top: 10px;}
.home #main .categories .category h1 .category.jobs { background: url(../images/jobs.gif) no-repeat; padding: 25px; padding-top: 10px;}
.home #main .categories .category h1 .category.matrimonial { background: url(../images/matrimonial.gif) no-repeat; padding: 25px; padding-top: 10px;}


Extract and place the attached images into themes image folder

rokoko

  • Newbie
  • *
  • Posts: 10
Re: Categories with image
« Reply #9 on: September 07, 2011, 06:56:04 pm »
Thank you

computerbar

  • Tutor
  • Sr. Member
  • *
  • Posts: 279
Re: Categories with image
« Reply #10 on: September 11, 2011, 03:25:58 pm »
Locate these line in main.php

[snip]

Thank Raj I am using the catogory images..
works great.

vlahul

  • Newbie
  • *
  • Posts: 24
Re: Categories with image
« Reply #11 on: November 02, 2011, 09:33:06 pm »
Magnific theme.
I installed it but although I set my Romanian language the default, the site is still in English.
If i change the theme back in modern , site is in Romanian.
How to do to keep this theme but in Romanian.
Thanks.

vlahul

  • Newbie
  • *
  • Posts: 24
Re: Categories with image
« Reply #12 on: November 02, 2011, 11:18:49 pm »
Solved.
I installing a new version of the theme and all works great.

komir

  • Jr. Member
  • **
  • Posts: 85
Re: Categories with image
« Reply #13 on: November 03, 2011, 05:58:40 pm »
Hello from newbie user  :-[  I install this theme, but I cant figure how to assign images to categories and what are this advertise here 188*100  in bottom of page, and how to edit it?
here is my test page
« Last Edit: August 31, 2014, 10:47:49 pm by komir »

BuySellAndSwap

  • Sr. Member
  • ****
  • Posts: 389
Re: Categories with image
« Reply #14 on: November 03, 2011, 08:46:12 pm »
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