Archived

This topic is now archived and is closed to further replies.

  • 0

Would Like Custom Archive to Have Same Look as Category Archives


Question

Posted · Report post

I've been trying to work this out for two days and am just baffled. 
I would like my custom post type archives to display using the same style as categories. 

 

Here's what a category listing looks like on my site.  This display is also working for all
http://www.village-art-antiques.com/mapregions/europe/

 

However the listing for the archive of all posts that belong to the custom post type "antique maps" - looks like this:  I'd really like it to use the same style as the category and custom taxonomires.  In particular, although I'm pulling featured images which are large, they are getting resized.

 

http://www.village-art-antiques.com/antiquemap/

 

I'm using the Views plugin, and this is what the view code looks like.  Featured images should be displaying larger. I can't figure out how to get that.  Is there a way to tell this to use same style as the other page.

 

 

[wpv-layout-start]
[wpv-posts-found]
<!-- wpv-loop-start -->
   <table width="100%">
      <wpv-loop wrap="2" pad="true">
         [wpv-item index=1]
            <tr><td>[wpv-post-featured-image]<br>[wpv-post-link]<br>[wpv-post-excerpt]</td>
         [wpv-item index=other]
            <td>[wpv-post-featured-image]<br>[wpv-post-link]<br>[wpv-post-excerpt]</td>
         [wpv-item index=2]
            <td>[wpv-post-featured-image]<br>[wpv-post-link]<br>[wpv-post-excerpt]</td></tr>
         [wpv-item index=pad]
            <td></td>
         [wpv-item index=pad-last]
            <td></td></tr>
      </wpv-loop>
   </table>

 

----------

 

And this is what Firebug is showing me on the pages where the images are sized correctly:

 

<div class="full_img fix">

<a class="post-thumb img fix" style="width: 100%" title="Link To The Port of Calais" rel="bookmark" href="http://www.village-art-antiques.com/antiquemap/the-port-of-calais/">
<span class="c_img">
<img class="attachment-large wp-post-image" width="450" height="373" alt="FULL" src="http://www.village-art-antiques.com/wp-content/uploads/2013/02/bhcalaisfull.jpg">

 

I think I need to use one of those classes somehow, but I can't figure out where and how.

I tried it like this - but that didn't work:
            <tr><td><div class="full_img fix">[wpv-post-featured-image]<br>[wpv-post-link]<br>[wpv-post-excerpt]</class></td>

 

I realize this is a mix match of Views and Pagelines queries, but would be very grateful for your  help!

1 person likes this

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi,

 

I'm moving this topic to Customizations, where it belongs as this isn't technical support for Framework, but for your custom post type.

 

If you look in Dashboard > PageLines > Site Options > Header and Footer, and you'll find the shortcodes for the meta information found in the category model.  That's one thing you can incorporate into your custom post type.

 

The key thing would be to simply use Firebug to find the elements surrounding titles, images, text, etc. and use those in your coding.  If not, you can always create unique classes and id's for each element, and craft custom CSS to have them do exactly the things you'd like to see.

 

Since most of the basics are already there, as you point out, it's really just a matter of styling.

Share this post


Link to post
Share on other sites

Posted · Report post

THANKS.  Sorry for the misplacement. I'm new to the forums and actually saw the customization area just after writing this and realized it should be there, but I couldn't see a way to move it.

 

I looked at the Dashboard where you indidcated, but I don't see the shortcodes for the meta information - or perhaps I'm not understanding what that means.

 

I did try Firebug, but I'm kind of lost as to how to get that to work or understanding exactly where I am supposed to put those tags in the view.  I was hoping there was an overall div tag for the whole categories display that I could just put around the View codes for the archive display....

Share this post


Link to post
Share on other sites

Posted · Report post

This is the default meta code for full-width posts:

 

By [post_author_posts_link] On [post_date] &middot; [post_comments] &middot; In [post_categories] [post_edit]

And this is for magazine mode posts:

On [post_date] By [post_author_posts_link] [post_edit]

The shortcodes, in [] are the things you may want to use in customizing the meta information in your custom post types.  Those are shortcodes.

 

As I mentioned earlier, CSS will let you resize the thumbnails, the title fonts, the excerpt fonts, etc.  Admittedly, Firebug does take a little getting used to. Perhaps an afternoon of testing.  There's some great customization information for CSS here, including some guidance about using Firebug:  http://support.pagelines.me/docs/customization/custom-css/

Share this post


Link to post
Share on other sites