Featured ads

[the guide]

Hi

I am trying to change the colour of text Featured Ads from Black to another colour and also would like to have the featured ads more organised with photos the same size -I dont want to keep the dotted line on top and bottom of featured ads on homepage, can I change this or put a border round or a continuous line instead - is there anyway I can do this - Ive spent ages on it and cannot find the answer on the forum -

Margaret

[Mike-N-Tosh]

The featured listings that are on the homepage come from the included smarty plugin. You can change the settings that are sent to this plugin within the call in your home.tpl template file.

The template file is here: yoursite/templates/yourtemplate/home.tpl

In that file around line 38 (basically the bottom of the file) you will find this code:
{feature_listings_horizontal number=8 cols=4 table_attr='width="100%" cellpadding="3" cellspacing="3"' td_attr='style="border-top: 1px dashed #999;"'}

As you can see the settings are included in the call to the function. To see all of the settings that you can use with this plugin, please visit the Customer documentation.

As an example, the dashed line that you don't like is called simply with the "border-top: 1px dased #999;"
This and any other styles are standard CSS elements. For information on CSS, HTML/XHTML a good resource is w3 schools

Unfortunately, you can not completely control your end users picture sizes. You can limit the max height and width for both thumbnail and regular sizes in the administration settings.

Another alternative for the Featured listings is a plugin offered by Template codes. You can see this as well as many other 3rd party offerings in the Classifiedmods.com site.

Please post your 68 Classifieds type (Designer, Developer), version (4.0.x, 4.1.x) and template in your postings asking for help. This information will help you get better answers for your posts. A great place to do this is in your signature!

[the guide]

Hi

Thanks for that - In the matter of changing the colour of text of heading (Featured Classifieds)- is it done in the same place?

Margaret

[Eric Barnes]

That is probably defined from the style sheet.

[the guide]

Hi

Ye I thought so too but cant find it yet - will try again


Margaret

[Eric Barnes]

If you use firefox I highly recommend the firebug extension. With it you can inspect each element and it will give you a list of all css styles that are applied to it. Including the line number.

[the guide]

Hi

Im still trying to find how to change ''Featured Ads'' colour in css. Im baffled.

Also I have just noticed that a small gap each side of text between the categories and search box has developed and I cannot find what is causing this - have checked layout etc. I dont think that has always been there.

Margaret

[Lhotch]

Originally Posted by the guide

Hi

Im still trying to find how to change ''Featured Ads'' colour in css. Im baffled.

Are you trying to change the color of featured ads displayed with the plugin or the featured ads displayed when you click on the featured ads link in your sites nav? They are handled by two totally different areas of the script and we cant properly guide you if we dont know which one your referring to.

[the guide]

HI

Its only the text ''Featured Ads''
I want to change it from black to colour to match site.
Can background (behind photos) be changed?

Im getting better at this but still so much to learn - I really appreciate the help.

Margaret

[Mike-N-Tosh]

The text "Featured Ads" is in an "h2" element therefore, the line in the CSS stylesheet would be this around line #19:
h2 { font: bold 2em Arial, Sans-Serif; margin: 0; padding: 0; }

If you change that directly, however is going to change ALL text throughout the site within an "h2" element. What I would suggest is simply creating your own new style in the style sheet. Copy the h2 class and create a new class such as ".feature_head"
.feature_head { font: bold 2em Arial, Sans-Serif; margin: 0; padding: 0; color: #990000; }

Then call that class in your home.tpl file like this:

<div class="feature_head>{$smarty.const.LANG_FEATURED_LISTINGS}</div>