[Resolved] Typography of text from Fields and text in Stackable plug-in Block goes wrong!

[Author]

Posts

[yang-anL]

I am trying to:
Fix the display of Fields and text contents in my article.

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

I expected to see:
Words with the correct typography ( color ) I set.

Instead, I got:
Strange white-color words and I can't change it !

As the image I uploaded, I try some tests below:
If the Fields and text content is outside the Stackable block, it gets right. But if the Fields and text content is inside the Stackable block, it is broken. On the other hand, it works if I use Toolset Heading with inline field. But I can't adjust typography in this way. So I prefer using Fields and text.

Please help, thanks !

[Minesh]

Hello. Thank you for contacting the Toolset support.

I checked and it seems there is a conflict between the plugin or theme you are using.

However, just wanted to inform you that you can also display the dynamic text (custom field) using the Toolset heading block. I've added the heading block just under the fields and text block.
- hidden link

If all those typography settings is not working then you will have to add custom CSS to format that block content.

[yang-anL]

HI,
I know I can add custom field by using sidebar block now.
But the style only apply to those static text, not dynamic heading text.
What do you mean adding custom CSS? Do I have to write CSS to achieve this purpose?
Isn't there a convenient way to do ? I did this just using "field and text block" before.
But now it turns out no working. I don't know exactly how to do because I don't understand CSS scrpit...
So can't this bug be solved?

thank you.

[Minesh]

If you can tell me what color you want to apply and share color code and any other style you want to add to what text and what section I can see what workaround I can offer you.

Could you please share those details?

[yang-anL]

Hello, I would like to use color #666666 and bold on the custom field "abstract" .
But I hope it should be more intuitive to achieve by just using some side panel buttom ...
And for now I think if you can provide the CSS, I can copy them for other place if needed.

Thank you !

[Minesh]

I've added the "Fields and Text" block and within that I've added the abstract field as given under:
=> hidden link

<div class="css_abstract">
[types field='abstract'][/types]
</div>

Then to your content template's CSS box, I've added the following CSS code:

.css_abstract {
color: #666666;
font-weight: bold;
}

Please check the following screenshot: hidden link

Can you please confirm it works as expected.

[yang-anL]

My issue is resolved now. Thank you!