How to increase content page font size with master page font size

Question

0.00/5 (No votes)

See more:

Hello All,
i have a master page and master page body id= "sitebody1" and on clicking a button i am increasing the font size by javascript function.
The font size of master page contents are increasing but content page font size is not increased.
following is sample code
Jacascript

JavaScript

function set_font_size(fontType) {
        if (fontType == "increase") {
            if (fontSize < 100) {
                fontSize = parseInt(fontSize) + 15;
            }
        } else {
            fontSize = 75;
        }
      document.getElementById("sitebody1").style.fontSize = fontSize + "%";

Design

HTML

<body id="sitebody1">
 onclick="set_font_size('increase')

of a button

Posted 7-Oct-15 0:23am

Member 8232678

Updated 7-Oct-15 0:36am

Naveen.Sanagasetti

v2

Add a Solution

Comments

Naveen.Sanagasetti 7-Oct-15 6:36am

Make sure while posting a question please follow the rules and regulations.

[no name] 7-Oct-15 7:07am

As per code, it should work in both the pages. Is any other CSS in child page which overriding the font-size property. Please cross check.

Member 8232678 8-Oct-15 0:24am

Thanks sir,
As you told child page have a css style and after removing it, its works fine.

[no name] 8-Oct-15 0:42am

:)

Member 8232678 8-Oct-15 5:08am

can we override the content page css from master page?

[no name] 8-Oct-15 5:29am

yes, it is possible. Use !important in css class and add that dynamically through javascript.

.p {
font-style: normal;
color: red !important;
}

Member 8232678 16-Oct-15 0:29am

THANKS

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Kornfeld Eliyahu Peter · Answer 1 · 2015-10-07T02:08:00

Solution 1

There is no sign of fontSize!
Also your indentation of code suggest that you think that the else part belongs to the if(fontType...) where it belongs to the if(fontSize...) part...

Check here a jquery aided solution (of some kind): http://jsfiddle.net/1qhk4w38/[^]

Posted 7-Oct-15 2:08am

Kornfeld Eliyahu Peter