5 replies · opened Mar 4, 2021
It does not work even if I put the following class in order to change it to 90% of the size.
Is my usage wrong?
<p class="text-smaller small">abcd</p>
/* ----------------------------------------------------------------
Text Size Utility Classes
-----------------------------------------------------------------*/
.text-smaller {
font-size: 80% !important;
}
.text-larger {
font-size: 120% !important;
}
.text-smaller small {
font-size: 90% !important;
}Hello,
This should work fine by default. Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.
Additionally, please note that these Text Size Classes, changes the Font Size to 90% of the Base Font Size of that container.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
I attached a screenshot, but I can't find any difference in the output.
Hello,
It appears to be working fine. Please check the video attached.
Let us know if we can help you with anything else.
What I'm talking about is 90 percent, not 80 percent.
Hello,
There is no 90% Styling available yet for the Font Size utility classes. The 90% you are talking about is used like this:
[ch_pre]Text Small[/ch_pre]
The Small Text will be further 90% Smaller than the .text-smaller Text.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard