Support Forum
I updated MetaBox this morning (using AIO), and the CSS for MB Views is not working. This is true for all of my MB Views - below is an example. They were all working perfectly before updating.
The only other plugin I updated this morning was WooCommerce to v 6.0.
Any ideas?
--
One of my MB Views - they are all rendered via shortcode. The html is all correct but no CSS is applied:
Here's the HTML:
{% set relationship = attribute( relationships, 'course-products-to-instructors-woo' ) %}
{% for post in relationship.to %}
<div class="row">
<div class="column1">
<img src="{{ post.thumbnail.thumbnail.url }}" width="150px" height="150px" />
</div>
<div class="column2">
<h2>
{{ post.title }}</h2>
</div>
</div>
<p>
{{ post.excerpt }}</p>
<a href="{{ post.url }}" target="blank" rel="noopener"> <span style="font-size:0.8rem;">See full profile →</span></a>
{% endfor %}
And the related CSS:
.row {
display: flex;
align-items: center;
justify-content: center;
}
.column1 {
flex: 50%;
}
.column2{
padding-left:0.5rem;
}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
width: 100%;
}
}
.h3-instructor{
color:#21272A; font-size:2rem !important;
}