Forum Support

Shape 5
September 26, 2021, 08:05:37 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Change default article font size and color  (Read 310 times)
tngenewhiz
Jr. Member
**
Offline Offline

Posts: 82



« on: August 14, 2014, 11:20:51 AM »

Sorry to post such a basic question, but I am flummoxed.  

I need to accommodate mostly older visitors on my sites, and the medium gray, slightly smaller font in content articles is difficult for the folks who are testing for me.

I have looked through the settings for the Oasis template and have looked at the CSS files, but I can't find where to change the default font size and color for content articles.  Where does that occur?

Quite by accident, I discovered that changing the BODY color in line 3 of the template.css file changes the default font color.  Since I found that as a temporary solution, I made the change there.  However, I thought the BODY color element refers to the main container's default background, not a font.

Looking forward to clarification.

« Last Edit: August 14, 2014, 12:34:56 PM by tngenewhiz » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: August 14, 2014, 09:08:11 PM »

Hello,

Have you tried changing the override here?

Template Manager > Layout > Component/Article Font Size Override

Regards,
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
tngenewhiz
Jr. Member
**
Offline Offline

Posts: 82



« Reply #2 on: August 14, 2014, 10:40:07 PM »

Thanks -- I did, but I think I need to make it even larger.  How do I change the default color?

Hello,

Have you tried changing the override here?

Template Manager > Layout > Component/Article Font Size Override

Regards,
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: August 17, 2014, 08:12:13 PM »

Hello,

1) The Template Manager supports all the way up to a 2em default which is twice the size of the standard font size. You can also enable the "Font Resizer" javascript under the Javascripts Tab to allow users with vision disabilities to increase the font size further.

2) To change the color of all the text within the articles you can add this to the custom.css and adjust as needed.

Code:
#s5_component_wrap {
  color: #ff0000 !important;}



Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
tngenewhiz
Jr. Member
**
Offline Offline

Posts: 82



« Reply #4 on: August 18, 2014, 09:57:20 AM »

Perfect!  Thanks!
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: August 18, 2014, 01:49:27 PM »

NP Smiley
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.