Have the price display inline

This thread is resolved. Here is a description of the problem and solution.

Problem:
Want to display price and label inline in a View.

Solution:
Add the CSS in View >> Loop output editor >> CSS section:

.wpb_wrapper > p:first-child, .wpb_wrapper .price {
    display: inline-block !important;
}

This support ticket is created 7 years, 1 month 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.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	12:00 – 17:00	12:00 – 17:00	12:00 – 17:00	12:00 – 17:00	12:00 – 17:00	-
-	18:00 – 21:00	18:00 – 21:00	18:00 – 21:00	18:00 – 21:00	18:00 – 21:00	-

Supporter timezone: Asia/Karachi (GMT+05:00)

Tagged: Backend editing, Layouts plugin

This topic contains 3 replies, has 2 voices.

Last updated by veronicaG-2 7 years, 1 month ago.

Assisted by: Noman.

Author

Posts

October 24, 2017 at 7:34 am #581412

veronicaG-2

I am trying to: Have the price display inline on a taxonmy driven archive page. I tried adding a previous bit of code (listed below) to the Layout CSS and JS but it didn't work.
.woocommerce-page div.product .price {
display: inline;
}

Link to a page where the issue can be seen: hidden link

I expected to see: the like this "Class Price: $XXX"

Instead, I got: Class Price: the blank space and the actual price on the next line

October 24, 2017 at 12:00 pm #581563

Noman

Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi Veronica,

Thank you for contacting Toolset support. Please add this CSS to your theme’s or child theme’s style.css file:

.wpb_wrapper > p:first-child, .wpb_wrapper .price {
    display: inline-block;
}

Thank you

October 24, 2017 at 5:46 pm #581719

veronicaG-2

It didn't work. I copied and pasted that code into the child theme css style sheet and it still looks the same.

October 25, 2017 at 7:26 am #581849

Noman

Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Can you please add the CSS in View >> Loop output editor >> CSS section

.wpb_wrapper > p:first-child, .wpb_wrapper .price {
    display: inline-block !important;
}

If still issue persists, please provide temporary access (WP-Admin and FTP Login info) to your site (preferably staging site), so that I can look into your setup and check the issue.

Your next answer will be private which means only you and I have access to it.

=== Please backup your database and website ===

✙ I would additionally need your permission to de-activate and re-activate Plugins and the Theme, and to change configurations on the site. This is also a reason the backup is really important. Thank you