that is quite a challenge..
I just explain how I would start to do that:
check the source code of the demo theme here:
http://www.elegantthemes.com/preview/TheStyle/
in that code you see that they actually load the name of the category and the date just after loading the image, sample:
<div class="entry small">
<div class="thumbnail">
<a href="http://www.elegantthemes.com/preview/TheStyle/2010/10/morbi-rutrum-interdum-justo/">
<img src="http://elegantthemes.com/preview/TheStyle/wp-content/uploads/2010/10/11-222×180.png" alt=’Morbi rutrum interdum justo‘ width=’222′ height=’180′ /> <span class="overlay"></span>
</a>
<div class="category"><ul class="post-categories">
<li><a href="http://www.elegantthemes.com/preview/TheStyle/category/automotive/" title="View all posts in Automotive" rel="category tag">Automotive</a></li></ul></div>
<span class="month">Oct<span class="date">10</span></span>
</div> <!– end .thumbnail –>
<h2 class="title"><a href="http://www.elegantthemes.com/preview/TheStyle/2010/10/morbi-rutrum-interdum-justo/">Morbi rutrum interdu…</a></h2>
<p class="postinfo">posted by <a href="http://www.elegantthemes.com/preview/TheStyle/author/admin/" title="Posts by admin" rel="author">admin</a></p>
<div class="entry-content">
<div class="bottom-bg">
<div class="excerpt">
<p>Cras consequat feugiat pretium. Nunc vulputate, magna non elementum tempus, diam nisl facilisis augue, ut lacinia quam odio in arcu. Vivamus scelerisque porttitor scelerisque. Fusce rutrum, nunc at cursus pretium, ipsum ipsum eleifend justo, accumsan posuere ante diam vel odio. Praesent quis… </p>
<div class="textright">
<a href="http://www.elegantthemes.com/preview/TheStyle/2010/10/morbi-rutrum-interdum-justo/" class="readmore"><span>»</span>»</a>
</div>
</div><!– end .excerpt –>
</div><!– end .bottom-bg –>
</div><!– end .entry-content –>
</div><!– end .entry –>
after the image is loaded, the text for the category is loaded in that
div class="category"
finally this text is placed by style.css to the top right corner of that image, here they use:
div.category {
background-color: #9A1D0D;
display: block;
padding: 8px 8px 3px;
position: absolute;
right: 0;
top: 0;
}
so you need to get the name of the category just below the part where the image is created.
If your posts have more than one category assigned, you should get only the first category name (only one)
the code you have to add (index.php) should be something like:
<div class="overcategory">
<?php
$category = get_the_category();
echo $category[0]->cat_name;
?>
</div>
and in style.css
div.overcategory {
background-color: #9A1D0D;
display: block;
padding: 8px 8px 3px;
position: absolute;
right: 0;
top: 0;
}
I renamed the category just in case arthemia-premium is using ‚category‘ already.
I know, it will be hard to find the correct location in index.php, look for
<?php the_content(‚Read the whole story »‘); ?>
and
<?php the_excerpt() ?>
and paste the code I gave just above that lines.
more I can’t help as I would have to run a test site with the theme settings you use –
no time..
____________________
you find me on Google+, Twitter and Facebook
(von: Joern)
Hier noch 2 weitere Ergebnisse dieses Threads:
Arthemia Premium – Customizing the Column List
27. Mrz. 2012 (von: pelusa)
Hi,I have seen how helpful the forum has been to those working with this theme and I was wondering if you might be able to help me.I would like to show posts from specific categories in the column list in…
Re: Arthemia Premium – Customizing the Column List :: Reply by pelusa
29. Mrz. 2012 (von: pelusa)
Dear Joern,wowwwwwww.Thank you very much for taking the time. I will have a go and come back to tell you about it.Cheerspelusa Weiterlesen →