We would like to style individual fields within a Fields and Text block, if this is this possible?
So far, we only managed to style the entire block: all content receives the same styling through the block features in the right hand pane.
For example, we would like to have text, a price field (strikethrough), and a sales price (bold).
Thanks so much for your help,
Alex
Hello, while it's possible in theory to do this I've found that the block editor is a bit difficult to work with when styling individual pieces of dynamic content. It seems buggy in both the Visual and HTML tabs. In my experience it's more practical to use the shortcode system and CSS to get fine-tuned design control. Something like this in the HTML tab of a Fields and Text block will achieve a strikethrough effect on the regular price and a bold sales price:
<span style="text-decoration: line-through;">[wpv-post-field name="_regular_price"]</span><br />
<span style="font-weight:bold;">[wpv-post-field name="_sale_price"]</span>
I'll escalate this as a usability issue so our Blocks developers are aware of the difficulty using this feature. I'd like to see some issues fixed in both the Visual and HTML tabs, so this feature holds up to our standard of quality.
Thanks very much Christian, that clarifies and helps a lot.
With CSS it did not work, but your span style works well.
One small issue (I hope) is that questions marks are displayed around the strikethrough:
FROM?US$38?US$32
In the frontend the strikethrough looks fine, but the question marls indicate some kind of error maybe?
Thanks a lot,
Alex
In the frontend the strikethrough looks fine, but the question marls indicate some kind of error maybe?
That's odd, I don't see the same thing in my local tests. Can you take a full screen screenshot so I can see the problem? Let me know which font you have selected in the Fields and Text block's Typography editor panel. Also please let me know which browser you are using. Clear your browser cache, reload the page, and let me know if the problem returns.
Thanks Christian!
The font in the Typography editor is 'Default', and in the GeneratePress theme it is 'Nunito'. Selecting another font did not help.
We are using the Chrome browser. We tried clearing the cache but did not help in this case unfortunately.
I found another post in the forums about questions marks in the frontend, but am not sure it is the same issue (bug in the blocks)?
Many thanks,
Alex
Sorry can I get a full-screen screenshot? Or if it's easier I can just log into your wp-admin area and take a closer look. If you'd like to provide login credentials in the private reply fields here, please also let me know where I should look in wp-admin to see the issue.
Hi Christian,
Thanks a lot and sorry for the delay. While we were changing and saving the archive page, the question marks disappeared, and we could not show it immediately.
We are trying to convert our current page and ACF custom fields travel section into Toolset custom post types using blocks.
It looked like the question marks disappeared when we duplicated a block* with either a strikethrough text or font awesome icon. When we have single blocks of each we see the question marks.
(*Or simply created a new identical block, but while clicking on the + symbol often a duplicate was automatically created by Toolset.)
The question marks are back now, please see the attached screenshot.
Many thanks,
Alex
Sorry, I did not manage to upload the screenshot privately. Is this possible?
We are developing the site locally.
Hi, I think you have the ability to upload an image along with the private reply fields here but I'm not 100% sure on that. If the system complains that you must add data, just add some dummy information to fill up the spaces.
If no image upload is possible there, you can post the image online somewhere private and provide a download URL. All URLs you post in the forum are hidden from other Users unless you specify you want them to be public. To create a public link you must add "@" before the URL.
