Announcement

Collapse
No announcement yet.

Adjusting the text font

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Adjusting the text font

    I have business V7 but feel the text is too small. For the life in me I can't find how to adjust the default text font, can anybody assist please?

    Website is www.nor-sat.co.uk

    #2
    Covered lots of times - try searching before posting http://community.actinic.com/showthr...ange+font+size

    Comment


      #3
      You can also see which stylesheet class is doing what by using the Firefox browser with the Developer or Firebug plugin to hover over the text and change in real time - allowing you to set the correct size before committing to the site.


      Bikster
      SellerDeck Designs and Responsive Themes

      Comment


        #4
        I'm not a web designer, I bought this product so I could build & maintain the site myself without paying through the nose for someone else to do it.

        With that in mind can anybody explain in lamens terms how to do this please?

        Comment


          #5
          You don't need to be a web designer, you can maintain it yourself, but to do so will entail you learning some basic skills.

          If you do as suggested and use Firefox browser with the Firebug add-in after a short while you will find it quite easy to locate what to change. In your case in actinic.css try changing:

          Code:
          body, table, th, td{
          color:NETQUOTEVAR:FGCOLORCSS;
          font-size:10px;
          font-family:CUSTOMVAR:ACTCSSFONTFAMILY;
          }
          to:
          Code:
          body, table, th, td{
          color:NETQUOTEVAR:FGCOLORCSS;
          font-size:14px;
          font-family:CUSTOMVAR:ACTCSSFONTFAMILY;
          }
          Make good backups before making changes.

          Comment


            #6
            You are entering the world of the designer here. Below is your css which controls the text formatting - its found in the site1 folder. You need to change the font setting to match the size of font you want.

            You will need to learn a little css/html once you go beyond the basics of Actinic.

            Code:
             
            /*cope with inheritance bugs*/
            body, table, th, td{
            color:NETQUOTEVAR:FGCOLORCSS;
            font-size: x-small;
            font-family:CUSTOMVAR:ACTCSSFONTFAMILY;
            }
            /*body specific*/
            body{
            NETQUOTEVAR:BODYBACKGROUND;
            margin-top:0px;
            margin-right:0px;
            margin-bottom:0px;
            margin-left:0px;
            }
            form{
            margin-top:0px;
            margin-right:0px;
            margin-bottom:0px;
            margin-left:0px;
            }
            a:link{
            color:NETQUOTEVAR:LINKCOLORCSS;
            font-size:x-small;
            text-decoration:none;
            }
            a:visited{
            color:NETQUOTEVAR:VLINKCOLORCSS;
            font-size:x-small;
            text-decoration:none;
            }
            a:hover{
            color:NETQUOTEVAR:HLINKCOLORCSS;
            font-size:x-small;
            text-decoration:underline;
            }
            a:active{
            color:NETQUOTEVAR:ALINKCOLORCSS;
            font-size:x-small;
            text-decoration:none;
            }
            li{
            color:NETQUOTEVAR:FGCOLORCSS;
            list-style-type:square;
            }
            ol{
            color:NETQUOTEVAR:FGCOLORCSS;
            }
            ul{
            color:NETQUOTEVAR:FGCOLORCSS;
            list-style-type:square;
            }
            H1, H2, H3, H4, H5, H6 {
            font-family:CUSTOMVAR:ACTCSSFONTFAMILY;
            }
            SELECT {
             FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
            }
            .actCHECKOUTEM {background-color:NETQUOTEVAR:CHECKOUTEMCSS;}
            .actCHECKOUTBG {background-color:NETQUOTEVAR:CHECKOUTBGCSS;}
            .actlarger{
            font-size: larger;
            color:NETQUOTEVAR:FGCOLORCSS;
            }
            .actsmaller{
            font-size: smaller;
            color:NETQUOTEVAR:FGCOLORCSS;
            }
            .actxxsmall{font-size:xx-small;color:NETQUOTEVAR:FGCOLORCSS;}
            .actxsmall{font-size:x-small;color:NETQUOTEVAR:FGCOLORCSS;}
            .actsmall{font-size:small;color:NETQUOTEVAR:FGCOLORCSS;}
            .actregular{font-size:medium;color:NETQUOTEVAR:FGCOLORCSS;}
            .actlarge{font-size:large;color:NETQUOTEVAR:FGCOLORCSS;}
            .actxlarge{font-size:x-large;color:NETQUOTEVAR:FGCOLORCSS;}
            .actxxlarge{font-size:xx-large;color:NETQUOTEVAR:FGCOLORCSS;}
            .actwarningcolor{color:NETQUOTEVAR:REQUIREDCOLORCSS;}
            .actrequiredcolor{color:NETQUOTEVAR:REQUIREDCOLORCSS;}
            .actsearchhighlightcolor{color:NETQUOTEVAR:SEARCHHIGHLIGHTCOLORCSS;}
            .actrequired{color:NETQUOTEVAR:REQUIREDCOLORCSS;}
            .actwarning{font-size:x-large;color:NETQUOTEVAR:REQUIREDCOLORCSS;}
            .actwelcome{font-size:medium;color:NETQUOTEVAR:FGCOLORCSS;}
            .actlogotext {font-family:CUSTOMVAR:ACTCSSFONTFAMILY; font-size: x-small; color: #D9090E; font-style: normal; font-weight: bold; text-align: center}
            .actlogout{
             font-size:x-small;
            color:NETQUOTEVAR:LINKCOLORCSS; color: #FFFFFF;
            }
            .nav a:link {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: small;
             font-style: normal;
             font-weight: bold;
             color: #FFFFFF;
             display: block;
             padding-top: 1px;
             padding-right: 0px;
             padding-bottom: 0px;
             padding-left: 1px;
             text-decoration: none;
             border-top: 1px solid #000000;
             border-right: 1px solid #000000;
             border-bottom: 1px solid #000000;
             border-left: thick solid #000000;
             background-color: #FF0000;
            }
            .nav a:visited {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: small;
             font-style: normal;
             font-weight: bold;
             color: #FFFFFF;
             display: block;
             padding-top: 1px;
             padding-right: 0px;
             padding-bottom: 0px;
             padding-left: 1px;
             text-decoration: none;
             border-top: 1px solid #000000;
             border-right: 1px solid #000000;
             border-bottom: 1px solid #000000;
             border-left: thick solid #000000;
             background-color: #FF0000;
            }
            .nav a:hover {
             background-color: #FFFD12;
             color: #000000;
             font-weight: bold;
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: small;
            }.border {
             border: thin solid #000000;
            }
            .navback {
             background-image: url(images/nav.gif);
             background-repeat: repeat;
            }
            .links {
             font-size: medium;
             font-weight: bolder;
             color: #333333;
            }
            .topborder {
             border-top-width: thin;
             border-right-width: thin;
             border-bottom-width: thin;
             border-left-width: thin;
             border-top-style: solid;
             border-right-style: solid;
             border-bottom-style: none;
             border-left-style: solid;
             border-top-color: #000000;
             border-right-color: #000000;
             border-bottom-color: #000000;
             border-left-color: #000000;
            }
            .navleft {
             border-top-width: thin;
             border-right-width: thin;
             border-bottom-width: thin;
             border-left-width: thin;
             border-right-style: solid;
             border-top-color: #FFFFFF;
             border-right-color: #FFFFFF;
             border-bottom-color: #FFFFFF;
             border-left-color: #FFFFFF;
            }
            .background {
             background-image: url(hessian.jpg);
             background-repeat: repeat;
             background-attachment: scroll;
             background-position: center center;
            }
            .footer {
             border: thin solid #FF0909;
            }

            Comment


              #7
              Hi Duncan - are you escaping the after efects of Christmas Day as well

              Comment


                #8
                Yeah - been a bit of a hectic time. Happy Xmas Mal.

                Comment


                  #9
                  Happy Xmas Mal
                  And you

                  Comment

                  Working...
                  X