This thread is resolved. Here is a description of the problem and solution.
Problem: When I use the [wpv-woo-product-price] shortcode to display my product price, it always appears on a single line. I would like to include information on the same line.
Solution: Use CSS to set the .price paragraph to be display:inline; by adding a class to a wrapper element for specific style targeting. For example:
<!-- html --> <div class="inline-price-wrapper">[wpv-woo-product-price]</div>
/* CSS */
.inline-price-wrapper .price {
display: inline;
}
Relevant Documentation: https://toolset.com/documentation/user-guides/views-shortcodes/
Everyone can read this forum, but only Toolset clients and people who registered for Types community support can post in it.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | - | - |
| 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | - | - |
Supporter timezone: America/New_York (GMT-04:00)
This topic contains 8 replies, has 2 voices.
Last updated by 7 years, 7 months ago.
Assisted by: Christian Cox.
Okay, I see how we can resolve this. We can add a bit of CSS and a class to your 'strong' tag wrapper. Please see the attached screenshot.
1. Add the following CSS to your CSS editor panel:
.inline-price .price {
display:inline;
}
2. Add a class of "inline-price" to your 'strong' tag:
<td><strong class="inline-price">[wpv-woo-product-price] ...
This should cause your p.price to become an inline element. Please save these changes, refresh the page and let me know if this has not resolved your issue completely.
Also - I see you have some unnecessary code. In the first line, you can delete the opening "<img src=" before the [wpv-post-featured-image] shortcode. It's not needed, and actually creates an invalid HTML structure that may negatively impact your SEO.
<img src=[wpv-post-featured-image]
Instead, use:
[wpv-post-featured-image]
The forum ‘Types Community Support’ is closed to new topics and replies.
