tecman
  •  tecman
  • 100% (Exalted)
  • YAF All-the-Time Topic Starter
2020-01-31T10:40:54Z
After upgrading to YAF 2.3, I am trying to select the theme that suits the color theme of the main website best. Two themes, journal and simplex, can work for us. However, both themes require some adjustments. We would like to use the simplex theme, but the sizes of its font are a little bit small. We would like to increase them so they look like the fonts in the journal theme. Is it possible?

The journal theme is also good, but the forum and post headers in it look blurry. Is there a way to fix this issue?

BTW, the first theme I saw after the upgrade was your default yaf theme. It looks good, but font sizes on our forum look bigger compared to this forum using the same theme. It looks like there is a switch or numeric parameter you can adjust to change the sizes of all theme fonts proportionally. Am I right?
Sponsor
tha_watcha
2020-02-01T22:16:23Z
Originally Posted by: tecman 

After upgrading to YAF 2.3, I am trying to select the theme that suits the color theme of the main website best. Two themes, journal and simplex, can work for us. However, both themes require some adjustments. We would like to use the simplex theme, but the sizes of its font are a little bit small. We would like to increase them so they look like the fonts in the journal theme. Is it possible?



Yes of course its possible. You could just modify the "/Content/Themes/simplex/bootstrap-forum.min.css" and change the value for

body {
  font-size: 0.8125rem;}

Or you download the source package of yaf and compile the theme with a sass (scss) compiler. Then you would just need to remove the line...

$font-size-base:              0.8125rem !default;[/code] from the /Content/Themes/simplex/_variables.scss

[quote=tecman;72357]The [i]journal[/i] theme is also good, but the forum and post headers in it look blurry. Is there a way to fix this issue?[/quote]

I guess thats the grey color you can change that in the bootstrap-forum.min.css

[code=css].navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5); 
}

BTW, the first theme I saw after the upgrade was your default yaf theme. It looks good, but font sizes on our forum look bigger compared to this forum using the same theme. It looks like there is a switch or numeric parameter you can adjust to change the sizes of all theme fonts proportionally. Am I right?



Sure you can change that the default yaf theme uses responsive font sizes. But of course you can change all the values if you modify the compiles css files or you change it in the variables


UserPostedImage
tecman
  •  tecman
  • 100% (Exalted)
  • YAF All-the-Time Topic Starter
2020-02-03T09:50:43Z
Thank you. I changed font-size for body in the simplex theme to 1rem and now it looks much better. At least, for me and my colleagues.

Can you tell me, does the 'font-size: 0.8125rem;' setting come from the original bootstrap theme? Or did you change it for YAF? If the latter is true, what was the reason? As for me, I would deploy the 'font-size: 1rem;' setting with YAF.
tha_watcha
2020-02-03T12:26:39Z
Originally Posted by: tecman 

Can you tell me, does the 'font-size: 0.8125rem;' setting come from the original bootstrap theme? Or did you change it for YAF? If the latter is true, what was the reason? As for me, I would deploy the 'font-size: 1rem;' setting with YAF.



It comes from the theme used for the site, which overrides the yaf forum theme. But of course the default yaf font is much better.

UserPostedImage
tecman
  •  tecman
  • 100% (Exalted)
  • YAF All-the-Time Topic Starter
2020-07-15T15:02:03Z
I reported in this topic  that I can't recompile the YAF 2.31.7 source code. If I want to increase the font size for all items in the simplex theme, can I do it directly in the bootstrap-forum.min.css by changing 'body {font-size: 0.8125rem;} to body {font-size: 1rem;}'? Or do I need to do it in _variables.scss anyway as there are other settings depending on this value?
Users browsing this topic

    About Us

    The YAF.NET is an open source .NET forum project. YAF.NET is supported by an team of international developers who are build community by building community software.

    Powered by Resharper Donate with PayPal button

    Project Twitter Updates

    Copyright © YetAnotherForum.NET & Ingo Herbote. All rights reserved