Forum Support

Shape 5
March 29, 2024, 03:58:05 AM *
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: Font color and size help  (Read 890 times)
anupamb
Jr. Member
**
Offline Offline

Posts: 23



« on: May 20, 2014, 11:27:05 AM »

Cannot change the font color and size from the template manager. Tried to use firebug as was suggested in construction template space. But it was not highlighting the fields clicked. Please help me in customising the fonts and their colours.

Need to change the font color in the top_row positions from white to black. The text inside the searchbox is white, texts typed are not visible.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: May 20, 2014, 02:33:28 PM »

Hello,

Can you post a URL of this so I can help you out?
Logged

Jonah Hall
------------
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
anupamb
Jr. Member
**
Offline Offline

Posts: 23



« Reply #2 on: May 23, 2014, 10:16:28 AM »

Hi Jonnah, the url is: http://www.chhaygaoncollege.com/

I want to configure the fonts in the articles... this is a custom html module...
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: May 23, 2014, 01:41:47 PM »

Your site isn't loading for me right now, is it down?
Logged

Jonah Hall
------------
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
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #4 on: May 23, 2014, 05:17:57 PM »

Hello,

Your site appears to have login credentials to view it.

-Mike
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
anupamb
Jr. Member
**
Offline Offline

Posts: 23



« Reply #5 on: May 24, 2014, 05:52:47 AM »

I am including font-family in the css classes I am using to control the fonts and their sizes. Please tell me how to disable the google fonts rendering.

The site was down for I ruined the css the other day. Please check the url: http://www.chhaygaoncollege.com/

There is a vertical like appearing at the left side. Is it for some overflow? I am using fixed width 960. In the image and content fader I am using 314px height and 100% width. Images are cropped accordingly. Though I am getting the vertical bar. Please let me know how to remove it.

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

Posts: 20162



WWW
« Reply #6 on: May 24, 2014, 05:27:12 PM »

Hello,

Quote
I am including font-family in the css classes I am using to control the fonts and their sizes. Please tell me how to disable the google fonts rendering.

If you switch to a font such as Arial, Helvetica in the Template Manager it will not call the Google Fonts. The fonts will only be called when using a font specific to Google Fonts

Quote
Font Colors/Sizes

In the Template Manager under Layout you can use the following to adjust the font sizes of certain areas:

Extension Position Font Size Override
Component/Article Font Size Override

Changing the colors involves identifying the font with Firebug and either using CSS styling or just using inline HTML to add the color on the content itself.

Quote
There is a vertical like appearing at the left side. Is it for some overflow? I am using fixed width 960. In the image and content fader I am using 314px height and 100% width. Images are cropped accordingly. Though I am getting the vertical bar. Please let me know how to remove it.

I am not sure what you are referring to here. I am not seeing any vertical bars. There is some styling on the box class you are using for the Image and Content fader that adds the border if that's what your referring to.

Template.CSS - Line 645

Code:
.module_round_box-transparent_dark {
    background: url("../images/s5_transparent_dark.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF !important;
    padding: 14px;
}

-Mike


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
anupamb
Jr. Member
**
Offline Offline

Posts: 23



« Reply #7 on: May 28, 2014, 01:52:38 PM »

Thanks Mike! I have switched to Velocity. I think the answer for the font size and color will be applicable across templates. If not please answer me in the Velocity space.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #8 on: May 28, 2014, 03:34:16 PM »

Hello,

Both Templates use the same framework but if you use Firebug you can easily identify and other classes or ids to modify that aren't built directly into the back end.

-Mike
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.