how to adjust the font size?

12 posts from 3 voices

• Started 8 months ago by cxxc
• Latest reply from Mya
• This topic is not a support question

Tags:

No tags yet.

1. 

   cxxc
   Member

   "Latest portfolio entries" and "latest products",title font in the Home

   thanks!

   Posted 8 months ago #
2. 

   Mya
   

   Hi cxxc,

   Add this to your custom.css or Quick CSS.

   .flag-text {
       font-size: 11px;
   }

   Default is 11px. Note though the box will not increase - just the text.

   Regards,
   Mya

   Posted 8 months ago #
3. 

   cxxc
   Member

   thank you.

   Posted 8 months ago #
4. 

   cxxc
   Member

   Why?
   Does not seem to change!
   in the template build Flag--with customt text--Enter the text
   but I wrote:XXXX
   I do not know whether this

   Posted 8 months ago #
5. 

   cxxc
   Member

   I wrote the text of the link

   Posted 8 months ago #
6. 

   Mya
   

   Hi cxxc,

   I think misread what you wanted. Try this:

   body.home .flex_column h1 {
   font-size: 13px;
   }
   
   body.home .products .product h3 {
   font-size: 13px;
   }

   The default values are 13px so you'll need to adjust as you want.

   If that doesn't work then please send us a screenshot of what you mean.

   Regards,
   Mya

   Posted 8 months ago #
7. 

   cxxc
   Member

   I added a link, I am afraid to re-define style link, but I do not know how to change

   Posted 8 months ago #
8. 

   Ismael
   Moderator

   Hi,

   What do you mean by style link?

   Regards,
   Ismael

   Posted 8 months ago #
9. 

   cxxc
   Member

   css settings, " a "

   Oh, bad English, use google translator

   Posted 8 months ago #
10. 

    Mya
    

    Hi cxxc,

    Still not sure what you mean. If you're referring to changing the 13px to another value then no worries. All you need to do change 13 to 14, 16, 18, 20. Also, if you add the code above into custom.css (located in the theme's /css/ folder) or Quick CSS located under Theme Options > Styling then you can easily remove if you make a mistake.

    Regards,
    Mya

    Posted 8 months ago #
11. 

    cxxc
    Member

    <style type="text/css">
    A:link {text-decoration: none}
    A:visited {text-decoration: none}
    A:active {text-decoration: none}
    A:hover {text-decoration: underline; color: red;}
    </style>

    something like this

    Posted 8 months ago #
12. 

    Mya
    

    Okay. This may or may not work since certain links have certain styles. You can use something like this:

    a {
        color: #2F517F !important;
        text-decoration: none !important;
    }
    a:visited {
        color: #cc3300 !important;
        text-decoration: none !important;
    }
    a:hover, a:active {
        color: #213959 !important;
    }

    You can also do something like this:

    a {
        color: #2F517F !important;
        text-decoration: none !important;
        font-size: 13px !important;
    }
    a:visited {
        color: #cc3300 !important;
        text-decoration: none !important;
    }
    a:hover, a:active {
        color: #213959 !important;
    }

    Hope this helps!

    Regards,
    Mya

    Posted 8 months ago #

RSS feed for this topic

Reply

You must log in to post.