[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"doc-detail-89143-en":3,"doc-seo-89143-105":31,"detail-sidebar-cat-0-en-105":93},{"code":4,"msg":5,"data":6},0,"success",{"doc_id":7,"user_id":8,"nickname":9,"user_avatar":10,"doc_module":4,"category_id":11,"category_name":12,"doc_title":13,"doc_description":14,"doc_content":15,"file_id":16,"file_url":17,"file_type":18,"file_size":19,"view_count":20,"is_deleted":4,"is_public":21,"is_downloadable":21,"audit_status":21,"page_count":22,"language":23,"language_code":24,"site_id":25,"html_lang":24,"table_of_contents":26,"faqs":27,"seo_title":28,"seo_description":14,"update_tm":29,"read_time":30},89143,1099513958762,"Logic","https://ap-avatar.wpscdn.com/avatar/1000023916a998db790?x-image-process=image/resize,m_fixed,w_180,h_180&k=1784791008015729253",6,"Technology","How to Customize Bloom Books","This guide explains how to customize Bloom books by changing background and text colors, and hiding page numbers using CSS. It details the creation of a CustomBookStyles.css file and provides specific code examples for altering page backgrounds to purple and text to white. The guide also demonstrates how to hide page numbers using a `::after` pseudo-element and confirms that these customizations work for all Bloom book sizes, including A5Portrait. Readers are encouraged to explore further by opening the customBookStyles.css file and are provided with a link to w3schools.com for additional CSS information. The document is attributed to SIL Education for Life and includes copyright information and a Creative Commons license, allowing for commercial use, adaptation, and distribution under specified conditions.","How to Customize Bloom Books  \nEnglish  \nWould you like to make colourful Bloom books?  \nCan I change the background color of specific bloom pages?  \nYES!  \nCreate a file CustomBookStyles.css in the Bloom book folder and add this code:  \n. numberedPage[data-page-number=\"2\"]  \n{ background-color: \\#9a7FbA; }  \nThis will change the background color of page 2 to purple.  \nCan I change text colour?  \nYES!  \n. numberedPage[data-page-number=\"4\"]  \n{ color: \\#FFFFFF; }  \nCan I hide page numbers?  \nYES!  \n.numberedPage[datapage-number=\"5\"]::after {display:none;}  \n* Can I adjust the margins of my books? Yes.  \n* Does it work for my A5Portrait book too?  \nYes. It works for any size Bloom book  \nOpen the customBookStyles.css of this book and start exploring.  \nDo you want to know more about css?  \n[https://www.w3schools.com](https://www.w3schools.com)[ ](https://www.w3schools.com)/css/default.asp  \nHow to Customize Bloom Books  \nText: SIL Education for Life Images: [Pixabay.com](Pixabay.com)  \n[educationforlife@sil.org](educationforlife@sil.org)  \nEnglish  \nCopyright © 2020, SIL-PNG  \n[http://creativecommons.org/licenses/by/4.0/](http://creativecommons.org/licenses/by/4.0/)  \nYou are free to make commercial use of this work. You may adapt and add to this work. You must keep the copyright and credits for authors, illustrators, etc.","cbCaiuwfiJ6do8vN","https://ap.wps.com/l/cbCaiuwfiJ6do8vN","pdf",1197218,7,1,14,"English","en",105,"# How to Customize Bloom Books\n## Changing Background Color\n## Changing Text Color\n## Hiding Page Numbers\n## Adjusting Margins","[{\"question\":\"How can I change the background color of specific Bloom book pages?\",\"answer\":\"You can change the background color by creating a CustomBookStyles.css file in the Bloom book folder and adding CSS code that targets specific page numbers, like `.numberedPage[data-page-number=\\\"2\\\"] { background-color: #9a7FbA; }` to set page 2 to purple.\"},{\"question\":\"Can I change the text color within a Bloom book?\",\"answer\":\"Yes, you can change the text color by using CSS in your CustomBookStyles.css file. For example, to change the text color of page 4 to white, you would use `.numberedPage[data-page-number=\\\"4\\\"] { color: #FFFFFF; }`.\"},{\"question\":\"Is it possible to hide the page numbers in a Bloom book?\",\"answer\":\"Yes, to hide page numbers, add the CSS rule `.numberedPage[data-page-number=\\\"5\\\"]::after {display:none;}` to your CustomBookStyles.css file. This will effectively remove the page number from the display.\"}]","How to Customize Bloom Books | PDF",1784281202,35,{"code":4,"msg":32,"data":33},"ok",{"site_id":25,"language":24,"slug":34,"title":13,"keywords":35,"description":14,"schema_data":36,"social_meta":88,"head_meta":90,"extra_data":92,"updated_unix":29},"how-to-customize-bloom-books","",{"@graph":37,"@context":87},[38,55,70],{"@type":39,"itemListElement":40},"BreadcrumbList",[41,45,49,52],{"item":42,"name":43,"@type":44,"position":21},"https://docshare.wps.com","Home","ListItem",{"item":46,"name":47,"@type":44,"position":48},"https://docshare.wps.com/document/","Document",2,{"item":50,"name":12,"@type":44,"position":51},"https://docshare.wps.com/document/technology/",3,{"item":53,"name":13,"@type":44,"position":54},"https://docshare.wps.com/document/how-to-customize-bloom-books/89143/",4,{"url":53,"name":13,"@type":56,"author":57,"headline":13,"publisher":59,"fileFormat":62,"inLanguage":24,"description":14,"dateModified":63,"datePublished":64,"encodingFormat":62,"isAccessibleForFree":65,"interactionStatistic":66},"DigitalDocument",{"name":9,"@type":58},"Person",{"url":42,"name":60,"@type":61},"DocShare","Organization","application/pdf","2026-07-30","2026-07-17",true,{"@type":67,"interactionType":68,"userInteractionCount":20},"InteractionCounter",{"@type":69},"ViewAction",{"@type":71,"mainEntity":72},"FAQPage",[73,79,83],{"name":74,"@type":75,"acceptedAnswer":76},"How can I change the background color of specific Bloom book pages?","Question",{"text":77,"@type":78},"You can change the background color by creating a CustomBookStyles.css file in the Bloom book folder and adding CSS code that targets specific page numbers, like `.numberedPage[data-page-number=\"2\"] { background-color: #9a7FbA; }` to set page 2 to purple.","Answer",{"name":80,"@type":75,"acceptedAnswer":81},"Can I change the text color within a Bloom book?",{"text":82,"@type":78},"Yes, you can change the text color by using CSS in your CustomBookStyles.css file. For example, to change the text color of page 4 to white, you would use `.numberedPage[data-page-number=\"4\"] { color: #FFFFFF; }`.",{"name":84,"@type":75,"acceptedAnswer":85},"Is it possible to hide the page numbers in a Bloom book?",{"text":86,"@type":78},"Yes, to hide page numbers, add the CSS rule `.numberedPage[data-page-number=\"5\"]::after {display:none;}` to your CustomBookStyles.css file. This will effectively remove the page number from the display.","https://schema.org",{"og:url":53,"og:type":89,"og:title":13,"og:site_name":60,"og:description":14},"article",{"robots":91,"canonical":53},"index,follow",{"doc_id":7,"site_id":25},{"code":4,"msg":5,"data":94},[95,99,103,107,112,115,119,124,129,132,136],{"id":21,"doc_module":4,"doc_module_name":47,"category_name":96,"show_sort_weight":97,"slug":98},"Story & Novel",90,"story-novel",{"id":48,"doc_module":4,"doc_module_name":47,"category_name":100,"show_sort_weight":101,"slug":102},"Literature",80,"literature",{"id":54,"doc_module":4,"doc_module_name":47,"category_name":104,"show_sort_weight":105,"slug":106},"Exam",70,"exam",{"id":108,"doc_module":4,"doc_module_name":47,"category_name":109,"show_sort_weight":110,"slug":111},5,"Comic",60,"comic",{"id":11,"doc_module":4,"doc_module_name":47,"category_name":12,"show_sort_weight":113,"slug":114},50,"technology",{"id":20,"doc_module":4,"doc_module_name":47,"category_name":116,"show_sort_weight":117,"slug":118},"Healthcare",40,"healthcare",{"id":120,"doc_module":4,"doc_module_name":47,"category_name":121,"show_sort_weight":122,"slug":123},8,"Research & Report",30,"research-report",{"id":125,"doc_module":4,"doc_module_name":47,"category_name":126,"show_sort_weight":127,"slug":128},9,"Religion & Spirituality",20,"religion-spirituality",{"id":127,"doc_module":4,"doc_module_name":47,"category_name":130,"show_sort_weight":127,"slug":131},"World Cup","world-cup",{"id":133,"doc_module":4,"doc_module_name":47,"category_name":134,"show_sort_weight":133,"slug":135},10,"Lifestyle","lifestyle",{"id":137,"doc_module":4,"doc_module_name":47,"category_name":138,"show_sort_weight":108,"slug":139},19,"General","general"]