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 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
-	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 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