Skip Navigation

[Resolved] Posts archive displaying differently to category archive

This support ticket is created 6 years, 7 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 -
- 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 -

Supporter timezone: Europe/London (GMT+00:00)

This topic contains 1 reply, has 2 voices.

Last updated by Nigel 6 years, 7 months ago.

Assisted by: Nigel.

Author
Posts
#918593

I am trying to:
Get the templates to be the same across all post arcived
Link to a page where the issue can be seen:
hidden link
I expected to see:
hidden link

It should be a 3 column grid taking up 1/1 of the bootstrap framework
Instead, I got:
It is 3 column grid taking up 2/3 of the bootstrap framework. it looks like there is something setting the width at 9 in bootstrap but the template is exactly the same.

The archive code is:

[vc_section full_width="stretch_row" css=".vc_custom_1527739452966{background-color: #0968f7 !important;}"]
[vc_row full_width="stretch_row" equal_height="yes" content_placement="middle"]
[vc_column css_animation="none" width="2/3" css=".vc_custom_1527739573284{padding-top: 100px !important;padding-bottom: 100px !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}" el_class="light-scheme"]</p>
[vc_wp_text]
<h2><span style="color: #ffffff;">{!{wpv-archive-title output='sanitize'}!}</span></h2>
[/vc_wp_text]
[/vc_column]
[vc_column width="1/3"]
[vc_single_image image="17742" img_size="medium" alignment="right"]
[/vc_column]
[/vc_row]
[/vc_section]
[vc_section full_width="stretch_row" el_class="light-scheme" css=".vc_custom_1526910165904{background-color: #f9fbff !important;}"]
[vc_column]
[wpv-layout-start]
[wpv-items-found]
<!-- wpv-loop-start -->
<wpv-loop wrap="3">
[wpv-item index=1]
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="blog_preview">
[wpv-post-body view_template="Category-Loop-Template"]
</div>
</div>
[wpv-item index=2]
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="blog_preview">
[wpv-post-body view_template="Category-Loop-Template"]
</div>
</div>
[wpv-item index=3]
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="blog_preview">
[wpv-post-body view_template="Category-Loop-Template"]
</div>
</div>
</wpv-loop>
<!-- wpv-loop-end -->

[/wpv-items-found]
[wpv-layout-end]
[/vc_column]
<div align="center">
[wpv-pager-archive-nav-links output="bootstrap"]
</div>
[wpv-post-body view_template="Narratiive-Insights-Categories"]
[/vc_section]
</div>

#918716

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

vc-3-quarter.png
vc-full-width.png

Hi Scott

The problem is earlier in the HTML tree than what you show in your question.

I visited the two pages in question. You can see the archive that displays full width (vc-full-width.png) adds the class vc_col-md-12 to the container, but on the other archive it adds the class vc_col-md-9 (vc-3-quarter.png), with a width of 75%.

I'm not sure what your settings are, but the part of the archive page that is output by Toolset is just using the available space, and the available space provided by your theme and/or Visual Composer is less on the problem archive.