Solved

Joomla inherited fonts - not editable

Posted on 2013-12-23
3
376 Views
Last Modified: 2013-12-24
Hi

I have a Joomla operated website & i would like to know whether the font size of the letters on the user login are default or not. If not default - where can i fix them??

Please see my website & you will see (a1telecomms.co.za)
0
Comment
Question by:shaunwingin
  • 2
3 Comments
 
LVL 9

Accepted Solution

by:
Rowby Goren earned 500 total points
ID: 39736043
The font sizes on the letters appear to be the default size.

If you want to make them bigger or smaller you would edit your stylesheet.  

Keep in mind that the stylesheet controlling the below are in bootstrap.css.  You really don't want to modify that.  You need to "override" the style on a separate stylesheet that comes "after" bootstrap.css.  

The file you edit will depend on who set up your template.   For example, it might be named "custom.css".    

The reason why you don't want to edit bootstrap.css is because in a joomla update the bootstrap.css stylesheet could be overwritten.  Also bootstrap.css is the foundation of your responsive site for various reasons should never be modified.

Below is the css in the bootstrap.css that controls the login form text size, margins, etc.

div.k2LoginBlock fieldset.input p label {
    display: block;
}
label {
    display: block;
    margin-bottom: 5px;
}
label, input, button, select, textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

One way to determine which style sheet is used to override the bootstrap.css style is to check with the company you got your template from.  They will have the name of the stylesheet you need to modify or create.

If you can't get the name of the stylesheet from them (but you should be able to) come back here an I'll tell you a workaround.

You edit your stylesheet in Joomla's Template Manager.  

Rowby
0
 

Author Closing Comment

by:shaunwingin
ID: 39737567
Thank you!
0
 
LVL 9

Expert Comment

by:Rowby Goren
ID: 39737803
Good.  Happy to help!   ...Rowby
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

3 proven steps to speed up Magento powered sites. The article focus is on optimizing time to first byte (TTFB), full page caching and configuring server for optimal performance.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question