how to remove epubs default stylesheet(Alignment) and apply alignment dynamically.

[nirmaala]

Hi,

I am using monocle to load ePub. When any ePub is loaded its default css file Which is placed inside ePub folder (OPS/CSS folder ) is loaded.In my Phonegap based App , I have a button for alignment . When I tap on this button, it will change text alignment .To implement this , I am using following function:

reader.addPageStyles("body { " +"text-align:center;"

• "}");

  But its not working because a default css file is already loaded. If I remove that file from ePub folder the function works properly.

I found another function

reader.formatting.updatePageStyles( reader.formatting.properties.initialStyles, 'body { text-align:center; }', true );

But again, its not solving my problem. Please help me.

[nirmaala]

Please help me.

[nirmaala]

Fixed issue. I had to add tags in which alignment was applied as:

reader.addPageStyles("div, h1, h2, h3, h4, h5, p{ " +"text-align:right!important;"

• "}");