I am trying to: Upgrade theme and plugins
Link to a page where the issue can be seen: hidden link
I expected to see: The format of the first chart (looped item) copied for the rest of the items
Instead, I got: I have a 'test' website that is set to not be indexed/found by search engines, that in most ways mirrors my actual website (the content, however, is much more limited on the test website). I use this for, as the name would indicate, testing new things (I have limited web programming skills) and for testing version upgrades on themes and plugins , as I have run into problems in the past on version upgrades. When website changes work as planned, I make the corresponding changes to my actual fully functional public website.
Two days ago I did a version upgrade to both my Divi theme and my Toolset plugins on my test website. If you look at the page from the test website, referenced above, you will notice that the formatting in the loop has been compromised. Not sure how to fix it. Here is the link to the functional website, on which I have NOT upgrade the theme and Toolset plugins. The formatting on this site is pretty much as it should be: hidden link
Please help so that I can upgrade my theme and plugins as soon as possible, and continue development on my site. Thanks much!!
Hi, I'll be glad to take a look. Please edit this View in wp-admin and copy + paste all the code from the Loop Editor here for me to review. If a Content Template is used in the Loop, please copy + paste all the code from the Content Template here for me to review as well.
Here is the loop editor. The weird 'hello' html code, as well as others was just me testing some things out - they worked and I never changed them to a more logical naming convention. No content templates were used for this page. Thanks for your help! Here is the code:
[wpv-layout-start]
[wpv-items-found]
<!-- wpv-loop-start -->
<ul class="wpv-loop js-wpv-loop">
<wpv-loop>
<style>
hr{border-top: 1px solid #8c8b8b;}</style>
<hr />
<style>
hello {font-size:1.0em;font-family:avenir next condensed;border:1px; border-style:solid; border-color:#68bbcc; padding: .5em;} </style>
<tryit>[wpv-post-title]  [wpv-woo-buy-or-select add_to_cart_text='' link_to_product_text='' group_add_to_cart_text='' external_add_to_cart_text='' show_quantity_in_button='no' show_variation_options='no']</tryit>        <skuformat>Product Number: [wpv-post-field name="_sku"]</skuformat>
</br>
</br> <hello>Difficulty Level:  [wpv-post-taxonomy type="difficulty-level" format="name"]</hello>
<hello>Series:  [types field='series'][/types]</hello>
<hello>Tempo:  [wpv-post-taxonomy type="tempo" format="name"]</hello>
<hello>Style:  [wpv-post-taxonomy type="style" format="name"]</hello>
</br>
</br>
<hello>Instrumentation:  [wpv-post-taxonomy type="jazz-chart-instrumentation" format="name"]</hello>  <hello>Solo changes provided for: [wpv-post-taxonomy type="chord-changes-solo-instrument" format="name"]</hello>
</br>
</br>
<div class="columns">
<div class="red">Composed by:[wpv-view name="jazz-charts-composer-view"]</div>
<div class="grey">Arranged by:[wpv-view name="jazz-charts-arranger-view"]</div>
<div class="red">Price:[wpv-woo-product-price]</div>
<div class="grey">[wpv-post-featured-image]</br></br><div style="width:100%"></br></br>
<div style="width:30%">[types field='full-audio' loop='off' autoplay='off'][/types]<div></br></br>[player id=929]
</div></div>
</div>
<div class="columndouble">[types field='product-description'][/types]</div>
</br>
</br>
</wpv-loop>
<!-- wpv-loop-end -->
[/wpv-items-found]
[wpv-no-items-found]
[wpml-string context="wpv-views"]No charts match your criteria[/wpml-string]
[/wpv-no-items-found]
[wpv-layout-end]
Thought that it may be helpful to have the CSS, so here it is:
div.columns {width: 900px; }
div.columns div {width: 225px; Height: 100px; float: left; }
div.columndouble {width: 450px; }
div.columndouble div {width: 450px; Height: 200px; float: left; }
div.grey {
color: black;
}
tryit {
color: black;
font-size: 24px;
}
skuformat {
color: black;
font-size: 16px;
}
It looks like a couple of closing div tags are missing from your loop. Add them just before the closing wpv-loop tag, like this:
<div class="columns">
<div class="red">Composed by:[wpv-view name="jazz-charts-composer-view"]</div>
<div class="grey">Arranged by:[wpv-view name="jazz-charts-arranger-view"]</div>
<div class="red">Price:[wpv-woo-product-price]</div>
<div class="grey">[wpv-post-featured-image]</br></br>
<div style="width:100%"></br></br>
<div style="width:30%">[types field='full-audio' loop='off' autoplay='off'][/types]
<div></br></br>[player id=929]</div>
</div>
</div>
<div class="columndouble">[types field='product-description'][/types]</div>
</div>
</div>
</br>
</br>
</wpv-loop>