Hi folks.
I’m creating a series of literacy books in a single collection. I’m using the decodabe reader tool and have book 1.1, 1.2, 1.3 etc. in a single collection. Because the books are part of a sequence the page formatting is the same across all books. I have created a few custom styles for text boxes to suit my needs. However, these custom styles are not shared in the whole collection, but just for each individual book. So that I don’t have to keep creating a new custom style each time, is there a way to share the styles with each book in a single collection? Is there a style sheet I can copy-paste into the new book folder? Or use the customCollectionStyles.css sheet? (but I’m not sure how)
Thanks.
Ian
Hi Ian.
Or use the customCollectionStyles.css sheet? (but I’m not sure how)
If you put your custom styles in this file, those rules will be applied to all books in the collection.
Thanks for your reply, Colin. Could you give me an example of a customCollectionStyles.css entry that sets a rule for a custom text style (font, font size, paragraph text alignment). That would be very much appreciated.
Thanks for your help.
Ian
Hi Ian.
Could you give me an example of a customCollectionStyles.css entry that sets a rule for a custom text style (font, font size, paragraph text alignment).
Sure.
.Leveled1-style[lang=“XXX”] { font-size: 16pt !important; line-height: 1.5 !important; word-spacing: normal !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; color: rgb(145, 38, 38); }
.Leveled1-style { font-size: 16pt !important; line-height: 1.5 !important; word-spacing: normal !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; text-align: start !important; }
.Leveled1-style > p { text-indent: 0px !important; margin-left: 0px !important; margin-bottom: 0em !important; }/]]>/
I don’t know much about CSS. So, I created the above using a novice approach:
- Made a new book.
- Add a blank “just text” page and click on the format (gear) icon and click “Create a new style”.
- Gave the new style a name called “Leveled1”.
- Filled in the font characteristics etc. for this style.
- Close Bloom and opened this blank book’s .htm file using notepad.
- Found the style entries for the custom style and copied them into customCollectionStyles.css.
- Deleted my blank book.
Now, whenever I edit a book in this collection, the custom style “Leveled1” is now available for use for language “XXX”.
Thanks Colin. I did the same as far as your step 4 but then didn’t know which file to look in to see the style rules. Thanks for your help. Much appreciated.
Ian