5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

How to increase font size?

by Keep Trying
4 replies
  • WEB DESIGN
    • |
This is what I'm doing:
<p style="text-align: center;"><span style="font-size: xx-large;">Brings You More Lasting Peace Of Mind Into Your Life</span></p>
...at 4weekmeditationmentor.com in my Text editor.

(I want to have the option of making the header look bigger.)

Yet, whenever I press "Publish" it does shows the new font size...

But then later, it reverts back to the original smaller font size...

Sorry but how can I increase font size for a certain text permanently?

P.S. I am using TinyMCE Advanced Plugin... Not sure if this is affecting things?
#font #increase #size
  • Profile picture of the author florinhangu
    in css you dont say font-size: xx-large, you say font-size: 12px / 15px / 20px etc. numbers. bigger number, bigger font size. 11-12px is normal / default.

    <span style="font-size: 20px;">Brings You More Lasting Peace Of Mind Into Your Life</span>
    {{ DiscussionBoard.errors[7615618].message }}
    • Profile picture of the author Keep Trying
      Originally Posted by florinhangu View Post

      in css you dont say font-size: xx-large, you say font-size: 12px / 15px / 20px etc. numbers. bigger number, bigger font size. 11-12px is normal / default.
      Hey thanks but I inserted your code in my text editor (with the number) and it is still reverting back to its old self when I press "Publish"...

      Do you what could be wrong?
      {{ DiscussionBoard.errors[7616397].message }}
  • Profile picture of the author florinhangu
    I did take a look, and im guessing that issue is from line space or size, however, that happen only when you click the logo. Can i see the logo url from your index.php ?
    {{ DiscussionBoard.errors[7619146].message }}
  • Profile picture of the author BerlinSianipar
    Originally Posted by Keep Trying View Post

    This is what I'm doing:

    ...at 4weekmeditationmentor.com in my Text editor.

    (I want to have the option of making the header look bigger.)

    Yet, whenever I press "Publish" it does shows the new font size...

    But then later, it reverts back to the original smaller font size...

    Sorry but how can I increase font size for a certain text permanently?

    P.S. I am using TinyMCE Advanced Plugin... Not sure if this is affecting things?
    My question: Which header do you mean? Is it the image header on top of your website, or do you mean the H1 tag in the body?

    Solution A:
    If you mean the image header, you have to replace the logo here:
    Code:
    http://4weekmeditationmentor.com/wp-content/themes/theweek/images/logo.png
    with another one that meet your need.

    Solution B:
    If you mean the H1 tag in the body, you have to edit the css file. But, using Chrome Inspect Element feature, I don't find any H1 tag in your page. But if you mean the bold text that act like H1 tag, you must edit this file:

    Code:
    http://4weekmeditationmentor.com/wp-content/themes/theweek/style.css
    Look for the strong element in line 380 of your css file that says:

    Code:
    strong {
	font-weight: bold;
}
    Under the 'font-weight: bold;' add this line:

    Code:
    font-size: 40px;
    So those lines now say:

    Code:
    strong {
	font-weight: bold;
        font-size: 40px;
}
    You can pick any text size you want by changing the number.

    You can add those code directly in your HTML view before you post an article like you're trying to do, but then you would have to add that line everytime you want any text size bigger.

    Hope that fix your problem.

    Cheers
    {{ DiscussionBoard.errors[7619628].message }}

Trending Topics