Changing Property Values During Conversion

[deback]

I have some property values for certain CSS rules that I would like to change using Convert for several files (like 139 epub files, give or take a few).

For example, one of them is to change all the CSS rules called CCN for the properties, margin-top and margin-bottom, from 1em to 0.

Another one I'd like to change is all the CSS rules called FHM, property margin-top, from 6em to 1em.

These are just two of about six different values I'd like to change using Convert.

Is there any way to do this in the conversion process, or is using Edit Book the only way to change these values?

Thanks for any help!

[JSWolf]

Are you sure those CSS names are the same in all of those 139 eBooks? I could take a random selection of ePub eBooks from the same publisher and you would find that there are differences in the CSS. So yes, the only way to do it so it works is to do it one at a time in the editor.

[deback]

Yup, I know that the same publisher uses different rules for the same thing all the time

Yes, in this case, they are all the same in all the books. They are all by the same author, and it looks like they were created by the same employee of the publisher. I just finished editing 100 of the 139 files. They were all the same...and monotonous fixing several things in each file with all the same CSS rules. However, if any end up being different, I would notice when viewing each file after the conversions.

[deback]

What I'd like to do is to delete all the linespaces in the Contents file and in the text paragraphs and change the text-indents to all 1.2em from 1em. I know Convert has this option, but then everything else in the file gets messed up. Oh, well, I love sitting here editing one book after the other.

[kovidgoyal]

You can create rules to change change css values based on various criteria during conversion (look in Look & feel->Transform styles) but those are based on css properties, not css selectors. If you want to override rules based on CSS selectors, simply use the extra CSS setting and define your extra CSS like this:

.CCN {
margin-top: 0 !important
}

and so on.

[deback]

Thank you very much! It's working!

Here's what I have so far:

.ccn {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.cfmh {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.fmh {
margin-top: 1em;
margin-bottom: 1em;
}
.tx1 {
margin-top: 0;
margin-bottom: 0;
text-indent: 1.2em;
}
.tx {
margin-top: 0;
margin-bottom: 0;
text-indent: 1.2em;
}
.cotx {
margin-bottom: 0;
text-indent: 0;
}
.ls {
margin-top: 0;
margin-bottom: 0;
text-indent: 0;
}
.fmtx {
margin-bottom: 0;
}


I've experimented with the Transforming Styles section, but I haven't figured it out yet, and I'm not sure that would be something I can use. Anything I've tried in that section hasn't worked, so I'm obviously not doing it right. So, for now, I will use the Extra CSS section, which will save me a lot of time!

Thank you so much for your help and for giving me an example.