• 0

Viewer Theme Bold text-box font size is 30px by default

Question

Posted · Report post

 When I make text box text bold it automatically become 30px. This occurs even when I put it in a block using a 14 px span style.

 

When I check this out in Chrome developer I see this css (BTW, i'm not seeing any way way to set off code in this UI):

.section-textbox strong {
  1. font-size: 30px;
  2. font-weight: 600;
  3. color: #23313A;
}
 
Is that the default code for some odd reason?
 
If I change the code in the Developer tool ui from 30px to 24px I can see the change.
 
I rather like the larger type, but no so large, so I inserted this css in the Custom Code area, but see no change:
 
#site .section-textbox strong {
font-size: 24px !important;}.
 
Is this larger size for bold type really part of the default coding?
How can I change the size with css?

Share this post


Link to post
Share on other sites

11 answers to this question

  • 0

Posted · Report post

#site .section-textbox strong {

font-size: 24px !important;}.

 

 

did you have the full stop after the } ?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

If you mean the period — no, I did not.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Can we take a link to the site where it's happening, could be a class higher up in the code that's over ruling. We'd need to filter back through the css on the site to see if it's applied anywhere else.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Can you remove that span please, as its not valid code, it has errors in it.

 

<span style="font-size:" 14px="">"

 

That isn't correct

 

Can you remove it and then upload a screenshot to your settings please, so we can see them first hand.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

What does this mean:

upload a screenshot to your settings please, so we can see them first hand.

 

Upload a screenshot of what exactly?  Do you mean "of your settings" or "to my settings"?  If it's "of", then what settings do you want to see?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I mean the settings of your TextBox.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

The issue is related to the Viewer Themes style.less file.

 

Try removing the following from it, it should resolve your issue.

 

/* Theme Textbox */
.section-textbox{
strong{
font-size: 30px;
font-weight: 600;
color: @theme-dark;
}
p{
strong{
font-weight: 600;
}
}
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks for finding the problem.

 

If I understand correctly, Viewer is a child theme of dms, correct? So if I make this change it won't be overwritten with updates, correct?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Not by an update to DMS, but if there is an update to Viewer this will overwrite your changes.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now