Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] Images as Category Titles

Old Jul 15, 2009, 03:59 AM
8 posts · Jul 2009

I am overwhelmed by all the great possibilities atahualpa offers - even to a css-beginner like me.
please let me ask you one question, that still remains unanswered after searching and browsing through the board.

how can I display images instead of categories? ie an image instead of "Category: XY"?


Last edited by hejonas; Jul 15, 2009 at 06:42 AM.
Old Jul 15, 2009, 04:03 PM
Flynn's Avatar
3,768 posts · Oct 2008
Munich, Germany
Where in the layout? I don't know a place that starts with Category:
Old Jul 16, 2009, 02:37 AM
8 posts · Jul 2009
thanks for the reply and sorry for being unclear.

I refer to the Footer Box in a post (see screenshot). What I want to achieve is to display different small images (according to category) instead of «Category: Non classé», whilst still be able to set the category in the admin tool.
Attached Thumbnails
Click image for larger version

Name:	screenshot_footerbox.JPG
Views:	1418
Size:	3.4 KB
ID:	191  

Last edited by hejonas; Jul 16, 2009 at 03:00 AM.
Old Jul 16, 2009, 01:35 PM
Flynn's Avatar
3,768 posts · Oct 2008
Munich, Germany
You could try

<?php $all_categories = get_the_category();
$cat_id = $all_categories[0]->cat_ID; ?>
<span class="<?php echo $cat_id; ?>">%category-linked%</span>

in the post into items, and then add a CSS Insert for each category ID

span.12 {
background: url(/path/to/image12.gif) center left;
span.19 {
background: url(/path/to/image19.gif) center left;
span.25 {
background: url(/path/to/image25.gif) center left;
Old Jul 16, 2009, 03:23 PM
8 posts · Jul 2009
thanks very much, much appreciated!
what do you mean exactly by «for each category id». could you please make an example with the code.

thank you
best regards, j
Old Jul 16, 2009, 07:54 PM
Flynn's Avatar
3,768 posts · Oct 2008
Munich, Germany
At WP Admin -> Posts -> Categories, if you point the mouse at the title of a category you'll see a URL ending on "...action=edit&cat_ID=XX" in the status bar at the bottom of the browser viewport. XX is the ID of that category.

The PHP code I posted above should wrap a link to the first category of a post into a <span> element with a CSS class (i.e. "13") which equals the (Wordpress) ID (i.e. "13") of that first category.

<span class="13"><a href="link-to-category">Category Title</a></span>

You could then style each one of these <span> elements with a CSS Insert. The example above would cover 3 example categories, with the ID's 12, 19 and 25.

BTW, the images in the CSS example don't have to include the category ID in their file name. I just made the example that way.

Last edited by Flynn; Jul 16, 2009 at 07:57 PM.
Old Jul 17, 2009, 02:17 AM
8 posts · Jul 2009
thanks Flynn.. now I 'perfectly' understand the solution, but still..it doesn't work

it looks like span.[any id] in css does not affect the footer at all.

div.post-footer does however, but then I am not able to use different category ids..

what could possibly go wrong? do you need more info?

sorry for bothering again!
Old Jul 17, 2009, 03:43 AM
8 posts · Jul 2009
ok, I have now found another way:

.category-daily {
background: url('/images/tabs-2.gif') 0px -482px no-repeat;
height: 103px;

but it has become quite a «gebastel».

and what is rather funny, is that the Footer (Copyright © 2009 etc) is now right in the middle of the page. please help
no idea what happened: the footer and also the comment box are now overlapping the post....

---> my complete lack of knowledge turned out to be disastrous, I am resetting. thanks anyway.

Last edited by hejonas; Jul 17, 2009 at 04:09 AM.


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Putting images in place of widget titles ken.miller Sidebars & Widgets 4 Jun 25, 2009 12:38 PM
[SOLVED] category page list...display images too? joshimotions Excerpts, Read more, Pagination 1 Jun 21, 2009 09:56 AM
Customizing category menu bar with different images for every item GeoParadise Page & Category Menu Bars 5 Apr 17, 2009 05:50 PM
Images in my category and archive pages? middlemountain Atahualpa 3 Wordpress theme 1 Apr 11, 2009 10:28 PM
How do I use TTF Titles Plugin on the widget titles? chavahn Sidebars & Widgets 0 Mar 5, 2009 10:05 AM

All times are GMT -6. The time now is 03:59 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.