Welcome to the in5 Answer Exchange! This a place to get answers about in5 (InDesign to HTML5) and make requests.
0 votes

Is possible to use CSS to format Mobile Article text?

in how_to by (610 points)

1 Answer

0 votes
Best answer

Yes, you can style it by targeting the "details" CSS class.

Here's the default CSS for that class:

.details {max-width:550px;font-size:18px;font-family:sans-serif;padding:0 24px;line-height:150%;}
.details p {margin-top:.5em;}
.details h1,.details h2,.details h3,.details h4,.details h5, .details strong {font-weight:bold;margin:.7em 0;}
.details em { font-style:italic; }
.details h1{font-size:150%;} .details h2{font-size:140%;} .details h3{font-size:130%;}
.details a {color:#0099ff;text-decoration:underline}
.details a:hover {text-decoration:none;}

You can overwrite any of these styles with your own by attaching a custom .css file in the Resources section of the in5 dialog.

Note that when you are testing files locally--because of browser security restrictions--the article will be loaded into its own "sandbox" and will not show the styling from the CSS. However, it will appear when you post the files to a web server.

by (197k points)
selected by