Jump to content


Photo
Viewer Theme

Bold text-box font size is 30px by default



  • Please log in to reply
11 replies to this topic

#1 suerama

suerama

    Super Member

  • Members

  • 247 posts

Posted 14 February 2014 - 05:29 PM

 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?


#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 14 February 2014 - 06:45 PM

#site .section-textbox strong {

font-size: 24px !important;}.

 

 

did you have the full stop after the } ?



#3 suerama

suerama

    Super Member

  • Members

  • 247 posts

Posted 14 February 2014 - 07:04 PM

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



#4 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 15 February 2014 - 06:19 AM

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.



#5 suerama

suerama

    Super Member

  • Members

  • 247 posts

Posted 15 February 2014 - 12:32 PM

Here's the site.

 

You can see it in action on this page:

http://ramacommunica...t/testimonials/



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 15702 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 16 February 2014 - 11:22 AM

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.



#7 suerama

suerama

    Super Member

  • Members

  • 247 posts

Posted 16 February 2014 - 06:30 PM

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?



#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 15702 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 16 February 2014 - 08:04 PM

I mean the settings of your TextBox.



#9 suerama

suerama

    Super Member

  • Members

  • 247 posts

Posted 16 February 2014 - 10:13 PM

Here you go:

 

http://ramacommunications.net/?p=2109



#10 Danny

Danny

    Is Awesome!

  • Moderators
  • 15702 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 17 February 2014 - 11:43 AM

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


#11 suerama

suerama

    Super Member

  • Members

  • 247 posts

Posted 17 February 2014 - 12:55 PM

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?



#12 Danny

Danny

    Is Awesome!

  • Moderators
  • 15702 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 17 February 2014 - 12:59 PM

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







Also tagged with one or more of these keywords: Viewer Theme