Shape 5

Joomla Templates => TheClassifieds - Club => : anupamb May 20, 2014, 11:27:05 AM



: Font color and size help
: anupamb 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.


: Re: Font color and size help
: jonahh May 20, 2014, 02:33:28 PM
Hello,

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


: Re: Font color and size help
: anupamb 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...


: Re: Font color and size help
: jonahh May 23, 2014, 01:41:47 PM
Your site isn't loading for me right now, is it down?


: Re: Font color and size help
: mikenicoll May 23, 2014, 05:17:57 PM
Hello,

Your site appears to have login credentials to view it.

-Mike


: Re: Font color and size help
: anupamb 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


: Re: Font color and size help
: mikenicoll May 24, 2014, 05:27:12 PM
Hello,

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

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.

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

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




: Re: Font color and size help
: anupamb 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.


: Re: Font color and size help
: mikenicoll 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