/* ========================================================================== Justified body text — About the Journal column + article pages For the JAIMS and JEMS themes (both prefixes are covered, so the same file works on either journal). Justification applies at EVERY screen size, mobile included. Where to put it, either is fine: • Settings → Website → Appearance → Additional CSS (paste the contents) • or append to the theme's styles/index.less and clear the cache Only running prose is justified. Headings, author names, dates, DOIs, galley links and buttons keep their normal alignment. ========================================================================== */ /* -------------------------------------------------------------------------- 1. ABOUT THE JOURNAL column (home page) -------------------------------------------------------------------------- */ .jaims-about-text, .jaims-about-text p, .jaims-about-text li, .jems-about-text, .jems-about-text p, .jems-about-text li { text-align: justify !important; text-justify: inter-word; } /* -------------------------------------------------------------------------- 2. ARTICLE PAGE — abstract, body prose and references -------------------------------------------------------------------------- */ .obj_article_details .item.abstract, .obj_article_details .item.abstract p, .obj_article_details .abstract p, .obj_article_details .main_entry > p, .obj_article_details .item.references p, .obj_article_details .item.references li, .obj_article_details .item.citation p { text-align: justify !important; text-justify: inter-word; } /* Keep everything that is not prose left-aligned, even inside those blocks */ .obj_article_details h1, .obj_article_details h2, .obj_article_details h3, .obj_article_details h4, .obj_article_details .item .label, .obj_article_details .authors, .obj_article_details .author, .obj_article_details .item.doi, .obj_article_details .item.published, .obj_article_details .item.galleys, .obj_article_details .item.keywords, .obj_article_details .entry_details, .obj_article_details table, .obj_article_details caption { text-align: left !important; } /* -------------------------------------------------------------------------- 3. Readability aid Justification opens gaps between words when lines are short, which is most noticeable on phones. Hyphenation closes them up, so it is switched on for the justified blocks at every width. Requires a lang attribute on , which OJS already sets. -------------------------------------------------------------------------- */ .jaims-about-text, .jems-about-text, .obj_article_details .item.abstract, .obj_article_details .item.references, .obj_article_details .main_entry { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; overflow-wrap: break-word; word-break: normal; } /* -------------------------------------------------------------------------- 4. OPTIONAL — policy and static pages (Archiving Policy, Ethics, APC…) Delete this block if you only want the About column and article pages. -------------------------------------------------------------------------- */ .pkp_structure_main .page > p, .pkp_structure_main .cmp_page_content p, .pkp_structure_main .obj_static_page p { text-align: justify !important; text-justify: inter-word; } .pkp_structure_main .page, .pkp_structure_main .cmp_page_content, .pkp_structure_main .obj_static_page { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; overflow-wrap: break-word; }