View Single Post
Old 03-06-2019, 09:56 PM   #10
slowsmile
Witchman
slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.
 
Posts: 628
Karma: 788808
Join Date: May 2013
Location: Philippines
Device: Android S5
To correct your paragraph indent problem you will have to create and add another style at the bottom of your stylesheet. The new style is shown below:

span.no-indent-style {
font-style: normal;
font-family: Georgia;
text-indent: 0;
margin: 5px;
}

After you have created this style then you must then implement it as a class in the dropcaps paragraph within the relevant html file in Sigil. Example below:

<p><span class="dropcap">T</span><span class="no-indent-style">he quick brown fox jumped over the hedge...</span></p>

To correct the general spacing of text lines to the right of your dropcap you must change or reduce the margin-right value in your span.dropcap styling. See below:

span.dropcap {
float: left;
font-size: 4.4em;
font-weight: ;
text-indent: 0px;
line-height: .8em;
margin-right: 3.0pt;------> reduce this value until your are happy
margin-bottom: -0.1em;
}

Last edited by slowsmile; 03-06-2019 at 10:12 PM.
slowsmile is offline   Reply With Quote