Skip to main content
K
Kevin E.
Inspiring
August 28, 2017
Answered

Changing font size

  • August 28, 2017
  • 2 replies
  • 2176 views

I have a site that I built off of a template. I need to increase the font size of the general text in the site, but I cannot seem to find the code that controls it. Can someone look at it and tell me how I can change the font size for the general text? Thank you! http://www.adtsrc.org

    This topic has been closed for replies.
    Correct answer BenPleysier

    The only font-size settings stipulated in the style sheets refer to the menu-bar. This means that the size of the font is determined by the browser default. This is usually 16px.

    To change the default size, you need to add a style rule such as

    html {

         font-size: 18px;

    }

    and well at the start of the the style sheet (multiColumnTemplate.css), immediately after @charset "UTF-8"; .

    2 replies

    BenPleysier
    Community Expert
    BenPleysierCommunity ExpertCorrect answer
    Community Expert
    August 28, 2017

    The only font-size settings stipulated in the style sheets refer to the menu-bar. This means that the size of the font is determined by the browser default. This is usually 16px.

    To change the default size, you need to add a style rule such as

    html {

         font-size: 18px;

    }

    and well at the start of the the style sheet (multiColumnTemplate.css), immediately after @charset "UTF-8"; .

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    K
    Kevin E.Author
    Inspiring
    August 28, 2017

    Thank you Ben...that did the trick!

    And Osgood, I'm sure yours would have worked as well but Ben's was a sure lot easier! :-)
    Thanks for your help as well, and I will definitely follow your suggestions in the future.

    O
    osgood_
    Legend
    August 28, 2017

    https://forums.adobe.com/people/Kevin+E.  wrote

    Thank you Ben...that did the trick!

    And Osgood, I'm sure yours would have worked as well but Ben's was a sure lot easier! :-)
    Thanks for your help as well, and I will definitely follow your suggestions in the future.

    I would only use the html tag for declaring font-size if I was using the rem measurement otherwise normally you would put the font-sizing on the body tag.....but whatever works for you is fine.

    O
    osgood_
    Legend
    August 28, 2017

    Add a font-size: 18px; and line-height: 28px; or whatever size you need to the body css selector in your multiColumnTemplate.css file. You will have to scroll down a bit to find it or use the quick edit feature in DW 2017 if your using that. Good practice is to always keep your css selectors in the order that they appear in the page and grouped. This will make finding them a lot easier and managing the changes a breeze. It takes a few seconds longer initially but you will save acres of time in the long-run. Web-development is 75% management and organisation, 25% design.

    body {

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

    margin-left: 0px;

    }

    Dont forget if you have declared a font-size or line-height for the text, as in the case of the css selector below, this will have no effect on that particular container, you will need to adjust those.

    .container .left_article p {

        padding-left: 2%;

        padding-right: 1%;

        text-align: left;

        line-height: 24px;

        margin-top: 30px;

        margin-bottom: 15px;

        color: #000000;

    }

    Firefly Community Gallery
    Adobe Firefly

    Remix with Firefly Community Gallery

    Thousands of free creations to fall in love with and remix in Firefly.

    Explore now
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices