Styling

Add a line break or content divider
To create a divide between topics within a single article, you can add a horizontal line. To achieve this, you will need to paste the one of...
Mon, 5 Sep, 2016 at 3:07 PM
Style Sheet Guide
Partica allows you to change most of the styles associated with the viewer and the articles. Styles are controlled through CSS, you can find the CSS editor ...
Wed, 3 May, 2017 at 3:13 PM
Viewer Masthead styles
/* image for the background desktop / tablet view */ .container main#content #flipbook-cover {background-image: url('https://PUT YOUR FULL URL TO THE B...
Mon, 9 Oct, 2017 at 9:50 PM
Add "read more" prompt to section headers
/*mobile read more*/ .container main#content .three-articles-per-one-section:after { content: 'Read more'; float:right; text-transform: initial;} ...
Thu, 8 Jun, 2017 at 10:26 AM
Add button styles
You can add styles for buttons such as Click to call, visit website, get directions etc. Add this to the style sheet: .phone-button {   background:...
Tue, 6 Jun, 2017 at 12:47 PM
Smaller text in side panel (Spanish version)
To make the text for browse issues and article viewer smaller in the slide out panel of the flipbook viewer: #backissueslink span{font-size: 13px !impor...
Thu, 15 Jun, 2017 at 3:42 PM
Adding custom fonts
On Partica, custon fonts are added by embedding google fonts into the main publication css style sheet. When a client asks for a specific font for the a...
Wed, 2 Jun, 2021 at 4:57 PM
Adding Border to flipbook pages
.spread-wrapper {  outline-color: gray;   outline-style: solid;  outline-width: initial; }
Tue, 15 Jun, 2021 at 7:56 AM
Adding the article cover banner
.container #content #flipbook-cover {   background-image: url('https://downloads.partica.com/Realview%20Digital/partica%20images/Top-banner_1200x225120...
Tue, 22 Jun, 2021 at 11:03 AM