Documentation Guide for the PressBook Premium WordPress Theme
Posted in: Themes, WordPress

Documentation Guide for the PressBook Premium WordPress Theme

The following guide explores the setup and configuration of the PressBook Premium WordPress theme with dark and light color schemes.

Also, we explore different features that the theme offers.

If you have any questions related to the theme, then you may reach out to us using our contact form. Also, you can refer to frequently asked questions.

Table of Content – PressBook Premium Docs

1. Theme Options

In your WordPress admin area, you can find all the theme options of PressBook Premium in “Appearance” > “Customize”. Using these options, you can configure options like fonts, typography, colors scheme, etc. for your site.

For example, you can change the content area background color from “Content Layout” > “Content Background Color”.

2. Header Setup

The header section of the theme includes the top navbar with social links and a top menu, a top info section with contact details and button links, a branding area with support for background color or background image, an advertisement banner, a primary navigation menu, header block areas, posts carousel, and posts grid.

The theme shows the top bar only when the social links menu or the top menu is set to a display location.

To add social links in the top bar, follow these steps:

  1. First of all, go to “Appearance” > “Menus”, then create a new menu and assign menu items. Here, the menu items are the custom links.
  2. For each custom link, enter your social page URL or profile URL with the link text. Then, click on the “Add to Menu” button to add this menu item.
  3. Next, set the “Display location” to the “Social Links Menu”.
  4. Finally, click on the “Save Menu” button.
Social Links Menu - PressBook Premium
Social Links Menu – PressBook Premium

You can add any number of menu items or custom links to the social links menu and it automatically displays the appropriate social icon for the social link.

You can make any menu link open in a new tab. In “Appearance” > “Menus”, click on “Screen Options” (top-right of the screen). Then, check the option “Link Target”.

This will enable a new option to open links in a new tab for every menu link as shown in the screenshot below.

Open Menu Link in a New Tab
Open Menu Link in a New Tab

2.2. Top Navbar Menu

In the same way as the social links menu, you can also create a new menu and assign it to the “Top Menu” display location. In this menu, you can add any menu items like posts, pages, categories, tags, and custom links.

2.3. Top Navbar Design and Gradient Colors

In the premium theme, you can choose from 3 different designs. Also, you can change the gradient background colors of the top navbar.

All these options are available in “Appearance” > “Customize” > “Top Navbar”.

Top Navbar Gradient Colors and Design
Top Navbar Gradient Colors and Design

2.4. Top Info Section – Contact Details and Info Buttons

The top info section includes the button links and contact details. Here, the contact detail includes the phone, email, and address.

You can customize the top info section from “Appearance” > “Customize” > “Top Info Section”. This section will show up when you enable either the contact info or the top info buttons.

To enable the contact info, check the “Enable Top Contact Info” option. Similarly, to enable the info buttons, check the “Enable Top Info Buttons”.

Next, you can fill in the details for the contact info as well as for the top info buttons. Here, you can also change the order of contact info fields. For example, you can show the email before the phone number.

Top Info Section - Button Links and Contact Info - Address, Phone, Email
Top Info Section – Button Links and Contact Info – Address, Phone, Email

Furthermore, you can configure the background color of the top info section and the text color of the contact info. Similarly, you can also change the background color, border color, and text color for the info buttons.

2.5. Branding Area – Site Title, Tagline, and Logo

The options to configure the site branding area are available in “Appearance” > “Customize” > “Site Identity”. For example, you can only show the logo but hide the site title and tagline. Also, you can set the size of the logo, site title, and tagline for different screen-size devices.

2.6. Top Advertisement Banner

At the top right side of the site branding area, you can show the top advertisement banner. This option is available in “Appearance” > “Customize” > “Top Banner”. The recommended size for the top banner is 728×90.

By default, the top banner is hidden on small-screen devices. You can find the option to hide or show the top banner on small-screen or medium-screen devices in the “Top Banner” section of the theme options.

To put any custom blocks or HTML, including any scripts like Adsense script in the top banner, you can make use of the “Top Banner Block Section” option. This option is available in the “Top Banner” section at the bottom and works similarly to the header block areas. The selected pattern block will appear on the top banner block section, replacing the top banner image and overriding its related options.

2.7. Primary Navigation Menu

This is a multi-level dropdown primary navigation menu that comes with 2 different designs to choose from in the premium theme.

To configure the primary menu, create a new menu in “Appearance” > “Menus”, assign the menu items to this menu, and finally set its display location to the “Primary” just like we have done for the top menu and social links menu.

Also, you can find the designs and color options for the primary menu in “Appearance” > “Customize” > “Primary Navbar”.

The header section just below the primary navbar consists of the header block, posts carousel, and posts grid.

Header Block and Pattern - Posts Grid - Posts Carousel
Header Block and Pattern – Posts Grid – Posts Carousel

Posts carousel shows the posts based on the source such as categories, tags, and all posts in a configured order such as randomly, modified date, or the latest posts.

PressBook Premium theme allows displaying the posts carousel in the header conditionally. You can find all the related options of the header posts carousels in “Appearance” > “Customize” > “Posts Carousel” > “Header Posts Carousel”.

Here, you can also change the background color and text color of the posts carousel.

Also, you can change the hover background color and text color of the carousel arrow from “Appearance” > “Customize” > “Colors” > “Carousel Arrow Hover Background Color” and “Carousel Arrow Hover Text Color” respectively.

The theme picks up all the featured images of the posts that are shown in the carousel. By default, it uses the cover value in CSS to fit the images. You can also make use of the contain or fill CSS value by using the following CSS in “Customize” > “Additional CSS”:

.carousel-posts .carousel-post-image { object-fit: fill; }

2.9. Posts Grid in Header

The posts grid allows displaying the posts in a grid of 1, 2, 3, 4, and 5. The layout adjusts automatically based on the number of posts retrieved from the selected source such as categories or tags.

You can find the options to enable and configure the header posts grid in “Appearance” > “Customize” > “Posts Grid” > “Header Posts Grid”.

Now, you may want to show the posts grid after the posts carousel in the header. To achieve this, you will simply need to uncheck the “Show Header Posts Grid Before Carousel” option.

2.10. Header Block Areas

You can use the block area to place any custom content in the header. The premium theme comes with 4 conditional header block areas. To create a header block with custom content, follow these steps:

  1. First of all, go to “Appearance” > “Customize” > “Header Block”. Here, you will find a link to open the pattern blocks manager. We need to create and publish a pattern block with custom content, then select it in the “Header Block 1”.
Header Block - Pattern Blocks Manager
Header Block – Pattern Blocks Manager

2. In the patterns manager screen, click on the “Add New Pattern” button to add a new pattern block. Next, we add custom content to this pattern block.

Add New Pattern Block
Add New Pattern Block

3. You can give this pattern block any title and insert the custom content using the “Blocks” and the “Patterns”. After specifying the content, you can publish this block by clicking on the “Publish” button at the top right.

Pattern Blocks Editor
Pattern Blocks Editor

4. Finally, go back to “Appearance” > “Customize” > “Header Block”. You will need to refresh this page in case you don’t see your newly published pattern block in the select input. Here, you can select the block you created in the above step.

Then, the content of this pattern block will appear on the header block area 1. Also, you can show this header block conditionally or in full width. There are many options associated with the individual header block.

Select Pattern Block
Select Pattern Block

In the same way, you can utilize the header blocks 2, 3, and 4.

3. Color Options

You can configure the accent colors for buttons, links, etc. from “Appearance” > “Customize” > “Colors”.

3.1. Header Background and Text Color

This relates to the site branding background color and text color options for the site title and tagline. You can find the header background color option in “Appearance” > “Customize” > “Colors”. The following color options relate to the header branding section:

  • Header Background Color
  • Site Title Color
  • Tagline Color

In case you want a background image instead of a background color for the header branding section, then you can add it from “Appearance” > “Customize” > “Header Image”. Also, there are other options associated with the site branding header image like background position, background size, etc.

3.2. Body Background Color and Image

You can configure the body background color from “Appearance” > “Customize” > “Colors” > “Background Color”. In case you want an image for the body background, then you can add it from “Appearance” > “Customize” > “Background Image”.

3.3. Content Background and Text Color

The default content background color for the PressBook Premium theme is white. You can change it from “Appearance” > “Customize” > “Content Layout” > “Content Background Color”. Also, you may add transparency to the background color using the alpha value.

Content Background and Text Color
Content Background and Text Color

There are many options available for content layout. For example, you may want to check “Remove Horizontal Padding” to remove the padding from the left and right sides of the content area. You may want to do this when the body background color is the same as the content background color.

The background and text colors of the content area are also reflected in the block editor page.

For the post meta text color, you can change it from “Appearance” > “Customize” > “Blog Options” > “Post and Comment Meta Text Color”.

In a similar manner as the content area, you can also customize the background color and text color of the side widgets of the left and the right sidebars. These options are available in “Appearance” > “Customize” > “Sidebar Layout”.

There are many color options available for the footer section in “Appearance” > “Customize” > “Footer Options”. This includes the footer widgets’ background color, text color, link color, border color, etc.

Also, you can customize the back-to-top button color in this section.

PressBook Premium comes with a left sidebar and the right sidebar. Inside the sidebar, you can place widgets. To see all the sidebar areas, go to “Appearance” > “Widgets”.

Here, you will see the following sidebar widgets areas:

  • Left Sidebar
  • Right Sidebar
  • Footer Widgets Area 1, 2, 3, and 4
PressBook Premium - Widgets Areas
PressBook Premium – Widgets Areas

This is a block widgets screen. To insert the content in the left sidebar with a widget title and widget content like a paragraph, simply expand the “Left Sidebar” area and insert a “Group” block into it.

Then, inside of the “Group” block, you can insert a heading level 2 or 3. Just after the heading level, but within the “Group” block, you can insert any block like a paragraph block.

The reason we use the “Group” block is to make sure the content with a heading that is the widget title and widget content looks more clear design-wise on the front end.

Group Block - Heading and Paragraph
Group Block – Heading and Paragraph

Also, you can use the “List View” of the blocks in order to visualize the positions of different blocks more clearly.

Blocks - List View
Blocks – List View

Make sure that the heading and the paragraph blocks are inside of the “Group” block. Similarly, you can place other blocks like image, search, etc. along with the widget title.

There are other blocks like “Navigation Menu” that don’t require you to separately place a heading block inside the group block. You can simply place the “Navigation Menu” block directly inside of the widgets area without using the “Group” block.

Navigation Menu Widget
Navigation Menu Widget

In case you are looking for the classic widgets screen, then you can read below.

4.1. Single Sidebar

The layout of the PressBook Premium theme adjusts automatically depending on if there is a widget in the sidebar.

If you just want a single sidebar, then you will only have to place the widgets inside of the “Right Sidebar” widget area or the “Left Sidebar” widget area, but not both of them. This means you need to make sure that there are blocks only in one of the sidebar areas.

4.2. Double Sidebars

Similarly, the double sidebar appears only if there is at least one widget block in both the left and the right sidebars.

4.3. No Sidebars

Also, if you just want the content area without a sidebar, then you must not place any widgets in the left and right sidebar widgets areas.

You can find all the sidebar-related options from “Appearance” > “Customize” > “Sidebar Layout”. For example, you can disable the sticky-floating behavior of the sidebars by unchecking the “Sticky-Floating Sidebar” option.

4.5. Block Widgets Screen

WordPress comes with a block widgets screen. You can place many different types of blocks into the widgets area, just like you use a block editor to insert the content of posts or pages.

4.6. Classic Widgets Screen

To change the widgets screen from block to classic, you will need to install and activate the Classic Widgets plugin. Using this plugin, you will be able to utilize the more simple widgets screen. The disadvantage of a classic widgets screen is you can’t place varieties of blocks into the widgets area.

5. Main Content Area

5.1. Fonts and Typography Settings

There are many fonts available to choose from for the headings and body text. You can find all the fonts option in “Appearance” > “Customize” > “Fonts & Typography”. Here, the font family you choose also reflects on the editor page along with the front end.

Besides, the font family, you can change the global font size, line height, and font weight.

Also, the premium theme comes with a feature to load any custom Google font. All the instructions are provided in the option description that you can find in “Fonts & Typography” > “Custom Fonts URL”. Using this option, you can load any custom font weight for any fonts that you choose.

It comes with an option to locally host Google fonts, so it is fully compatible with GDPR.

When you choose any font, you may also want to modify the button padding to make it look more perfect with respect to the font and line height. The padding options are available for general buttons and read more buttons that you can find in “Fonts & Typography” > “General Button: Padding” and “Read More Button: Padding”.

5.2. Page Templates

When you create a page or edit a page, you may also want to change its template. There are many page templates available for pages that you can configure for the individual pages.

You can find the “Template” select options in the sidebar area of the page editor screen. The following templates are available for pages:

  1. Default template
  2. Full width template
  3. Large width template
  4. Medium width template
  5. Small width template
  6. Page with sidebar

5.3. Page Level Settings

Besides the page templates, you can also configure the page settings. These settings are also available on the sidebar area of the page editor screen under the section with the label “PressBook Page Settings”.

Using these settings, you can hide the page title, remove top and bottom margins, remove padding, force transparency for the page, etc. Also, these settings are for individual pages.

5.4. Block Patterns

In the editor pages, there are block patterns to choose from. You can find these block patterns in the block inserter that you can toggle using the “+” icon on the page editor screen in order to insert a block.

Also, there are many block patterns available in the “Patterns” tab of the block inserter.

5.5. Pattern Block Manager

When you place multiple blocks and patterns in the editor, you can make them reusable or sync elsewhere by clicking on the 3 dots and then clicking on the “Create pattern” or “Create Reusable block” option.

You can also directly manage all the pattern blocks in the pattern blocks manager screen. To access this screen, go to the welcome page of the theme under “Appearance” > “PressBook Premium”. Then, scroll down and click a button with the label “Pattern Blocks”.

In the theme, we offer to place any pattern blocks in the header or footer section that you can select in “Appearance” > “Customize” > “Header Block” and “Footer Block”.

Also, you can read above in the “Header Block” section of this documentation on how to configure it.

5.6. Single Post Navigation Source

The single post page comes with the post navigation at the bottom of the post content. This shows the previous and next posts with respect to the current post.

You can control the source of posts navigation to “Within Categories” or “Within Tags” from “Appearance” > “Customize” > “Blog Options” > “Single Post Navigation Source”.

By default, the single post navigation source is set to “All Posts”.

For the single post page, you can enable the related posts carousel section. Also, you can change the heading for this related posts section in “Appearance” > “Customize” > “Posts Carousel” > “Related Posts Carousel”.

Here, you can select the source for the related posts like single post categories or tags. Also, you can configure the number of related posts and sort the order by the post date or randomly.

Similar to the related posts carousel, you can also show the related posts grid below the single post. You can find this option in “Appearance” > “Customize” > “Posts Grid” > “Related Posts Grid.

Here, you can also change the heading of the related posts grid section and configure different options for the source of related posts.

In case you want to show the related posts grid before the related posts carousel in a single post, then you can check the “Show Related Posts Grid Before Carousel” option.

5.9. Blog Posts Grid Layout

If you want to show the blog posts in a grid layout, then you can simply check the “Show Blog Posts in a Grid” option in “Appearance” > “Customize” > “Blog Options”.

Posts Grid Layout - PressBook Premium WordPress theme
Posts Grid Layout – PressBook Premium WordPress theme

When you enable the grid layout, there are more related options available for this layout that you may want to configure. This includes options such as the “Post Card Shadow Effect” and the “Post Card Summary” option.

Also, you can control the number of posts to show in the grid from “Settings” > “Reading” > “Blog pages show at most”. For example, you can change the default value of “10” to “12”.

5.10. Masonry Grid Layout

Note: The masonry grid option is available in PressBook Premium theme version 2.6.0.

To use a masonry grid layout for the blog posts, you will need to check both the “Show Blog Posts in a Grid” and “Use Masonry Layout” options available in “Appearance” > “Customize” < “Blog Options”.

There are multiple options available when you turn on the masonry layout. This includes options like “Columns Margin”, “Number Of Columns”, etc.

You may also want to configure the number of posts on the blog. You can simply change the number of blog posts from WordPress “Settings” > “Reading” > “Blog pages show at most”. For the standard or masonry grid, it is recommended to set this value to “12”.

Along with the masonry grid, you may also want to enable support for loading more posts with a button using the Jetpack plugin.

5.11. Custom Front Page

By default, WordPress shows the blog page on the front page of your website. Instead of a blog page, you can set a custom page for your home page.

To set up a custom front page, go to “Settings” > “Reading”, then set the option “Your homepage displays” to “A static page”. After, you can select any custom page in “Homepage” and set any page for “Posts page” to show the blog posts.

For example, you can create two new pages with the title “Blog” and “Front Page”. Then, set the “Posts page” to “Blog” and “Homepage” to “Front Page”.

5.12. Read More Button and Post Excerpt

5.12.1. Changing Text for Read More and Adding a Read More Block

You can change the “Read More” button text from “Appearance” > “Customize” > “General Options” > “Read More Text”.

Also, you may want to change where the read more button appears for a post on the blog posts listing page. For this, you can make use of the “More” block in the post editor as shown in the following screenshot:

Adding Read More Button for Blog Post
Adding Read More Button for Blog Post

In this way, the more button will appear on the blog listing page depending upon where you place the “More” block in the post editor.

Showing Read More Button for Blog Post
Showing Read More Button for Blog Post
5.12.2. Custom Post Summary or Excerpt in Blog Posts

WordPress allows editing excerpts for the posts. An excerpt is a summary of a blog post that is shown on the blog posts listing page. By default, WordPress automatically generates the excerpt of a post.

You can also write a custom excerpt for a post. Go to any post in the editor and on the right side, you will find a text area field to write your own custom excerpt. This will replace the default excerpt generated by WordPress only for this post. Also, you can make use of any HTML tags like an anchor tag, etc.

Here’s an example of what you can write in there:

Your custom excerpt here. You may also want to add a link to your single post page. Here, you can replace the "#" with a link to the single post page (keep the double quotes). Also, you can use HTML <br> tag to make the link go in a new line. <br><a href="#">Check it Out</a>
Adding Custom Excerpt for Blog Post
Adding Custom Excerpt for Blog Post

In this way, you can change the excerpt on the blog posts listing page.

Showing Custom Excerpt for Blog Post
Showing Custom Excerpt for Blog Post

You can configure the footer options in “Appearance” > “Customize” > “Footer Options”. Here, you can change the footer widgets’ color, background, border, and text color.

Footer Options - PressBook Premium
Footer Options – PressBook Premium

In the premium theme, there are 2 designs available for the footer widgets.

You can place widgets in the footer from “Appearance” > “Widgets”. There are 4 footer widgets areas available in the theme. Similar to the sidebar widgets area, you can add widgets in the footer widgets area.

Similar to the header posts carousel, you can also show the posts carousel in the footer. The options are available in “Appearance” > “Customize” > “Posts Carousel” > “Footer Posts Carousel”.

Here, you can also configure different options like the source of posts and the number of posts per view in the carousel.

To show the custom content above the footer widgets area, you may use footer block areas. Similar to the header block areas, you can set the content of the footer block area in “Appearance” > “Customize” > “Footer Block”.

PressBook Premium theme comes with 3 footer block areas that you can show conditionally.

7. Infinite Scroll for Posts with Jetpack Plugin

PressBook Premium comes with support for the load more or infinite scrolling of blog posts with the Jetpack plugin.

You can read the following guide on how to add the infinite scroll for blog posts using the Jetpack plugin.

8. Example Configurations

There are many ways to configure the theme options. Also, you can replicate any of our PressBook themes with a combination of the options that the premium theme offers.

You may use any options preset as a starting point. These options preset are available in “Appearance” > “Options Preset”.

Then, you can easily customize it further using the advanced theme options.

Options Preset - PressBook Premium WordPress Theme
Options Preset – PressBook Premium WordPress Theme

Below are some example configurations for different options. You can find these options in “Appearance” > “Customize”.

8.1. PressBook Blog

PressBook Blog - WordPress Theme
PressBook Blog – WordPress Theme
Option NameValue
Site Identity > Site Branding Layout (Large-Screen Devices)Left – Right
Colors > Background Color#ffffff
Colors > Header Background Color#ffffff
Colors > Site Title Color#404040
Colors > Tagline Color#979797
Colors > Link Color#007a7c
Colors > Link Hover Color#5d7994
Colors > Button Gradient Background 1#5d7994
Colors > Button Gradient Background 2#6f88a0
Colors > Button Text Color#ffffff
Colors > Carousel Arrow Hover Background Color#4b6a88
Colors > Carousel Arrow Hover Text Color#ffffff
Fonts & Typography > Heading FontSource Sans Pro
Fonts & Typography > Body FontRaleway
Fonts & Typography > General Button: Padding TopDefault
Fonts & Typography > General Button: Padding BottomDefault
Fonts & Typography > Read More Button: Padding Top9px
Fonts & Typography > Read More Button: Padding Bottom8px
Top Navbar > Top Navbar DesignDesign – 3
Top Navbar > Top Navbar Content Alignment (Large-Screen Devices)Left – Right
Top Navbar > Top Navbar Gradient Background 1#5d7994
Top Navbar > Top Navbar Gradient Background 2#354a5f
Top Info Section > Top Info Background Color#f3f3f3
Top Info Section > Top Info Text Color#515151
Top Info Section > Top Info Font Weight400
Top Info Section > Top Info: Button Background Color#ffffff
Top Info Section > Top Info: Button Border Color#a7a7a7
Top Info Section > Top Info: Button Text Color#515151
Top Info Section > Top Info Button: Padding Top0.55em
Top Info Section > Top Info Button: Padding Bottom0.55em
Primary Navbar > Primary Navbar DesignDesign – 1
Primary Navbar > Primary Navbar Background Color#4b6a88
Primary Navbar > Primary Navbar Hover Background Color#354a5f
Primary Navbar > Hide Top BorderCheck
Primary Navbar > Primary Navbar Text Color#ffffff
Content Layout > Content Background Color#ffffff
Content Layout > Content Heading Color#404040
Content Layout > Content Text Color#404040
Sidebar Layout > Side Widget Background Color#ffffff
Sidebar Layout > Side Widget Heading Color#404040
Sidebar Layout > Side Widget Text Color#404040
Sidebar Layout > Side Widget Border Color#fafafa
Sidebar Layout > Side Widget Title Border Color#007a7c
Blog Options > Enable Show Blog Posts in a GridUncheck
Blog Options > Use Masonry LayoutUncheck
Blog Options > Post and Comment Meta Text Color#979797
Posts Carousel > Header Posts Carousel > Enable Header Posts CarouselCheck
Posts Carousel > Header Posts Carousel > Background Color#ffffff
Posts Carousel > Header Posts Carousel > Text Color#404040
Posts Carousel > Footer Posts Carousel > Enable Footer Posts CarouselCheck
Posts Carousel > Footer Posts Carousel > Background Color#ffffff
Posts Carousel > Footer Posts Carousel > Text Color#404040
Posts Carousel > Related Posts Carousel > Enable Related Posts CarouselCheck
Posts Grid > Header Posts Grid: Enable Header Posts GridCheck
Posts Grid > Header Posts Grid > Empty Image Background Color#eeeeee
Posts Grid > Header Posts Grid > Caption Background Colorrgba(60,85,109,0.55)
Posts Grid > Related Posts Grid: Enable Related Posts GridCheck
Posts Grid > Related Posts Grid > Empty Image Background Color#eeeeee
Posts Grid > Related Posts Grid > Caption Background Colorrgba(60,85,109,0.35)
Footer Options > Footer Widget DesignDesign – 2
Footer Options > Footer Background Color#0e0e11
Footer Options > Footer Widget Text Color#ffffff
Footer Options > Footer Widget Link Color#b7b7b7
Footer Options > Footer Widget Border Color#666666
Footer Options > Footer Copyright Text Color#e1e1e1
Footer Options > Footer Credit Link Color#007a7c
Footer Options > Go To Top Hover Gradient Color 1#445f7a
Footer Options > Go To Top Hover Gradient Color 2#4b6a88

8.2. PressBook News

PressBook News - WordPress Theme
PressBook News – WordPress Theme
Option NameValue
Site Identity > Site Branding Layout (Large-Screen Devices)Left – Right
Colors > Background Color#ededed
Colors > Header Background Color#ffffff
Colors > Site Title Color#404040
Colors > Tagline Color#979797
Colors > Link Color#537cff
Colors > Link Hover Color#ff4056
Colors > Button Gradient Background 1#406dff
Colors > Button Gradient Background 2#537cff
Colors > Button Text Color#ffffff
Colors > Carousel Arrow Hover Background Color#406dff
Colors > Carousel Arrow Hover Text Color#ffffff
Fonts & Typography > Heading FontLora
Fonts & Typography > Body FontIBM Plex Serif
Fonts & Typography > General Button: Padding Top6px
Fonts & Typography > General Button: Padding Bottom8px
Fonts & Typography > Read More Button: Padding Top8px
Fonts & Typography > Read More Button: Padding Bottom10px
Top Navbar > Top Navbar DesignDesign – 2
Top Navbar > Top Navbar Content Alignment (Large-Screen Devices)Left – Right
Top Navbar > Top Navbar Gradient Background 1#537cff
Top Navbar > Top Navbar Gradient Background 2#406dff
Top Info Section > Top Info Background Color#f3f3f3
Top Info Section > Top Info Text Color#515151
Top Info Section > Top Info Font Weight600
Top Info Section > Top Info: Button Background Color#ffffff
Top Info Section > Top Info: Button Border Color#a7a7a7
Top Info Section > Top Info: Button Text Color#515151
Top Info Section > Top Info Button: Padding Top0.55em
Top Info Section > Top Info Button: Padding Bottom0.55em
Primary Navbar > Primary Navbar DesignDesign – 2
Primary Navbar > Primary Navbar Background Color#1c1c21
Primary Navbar > Primary Navbar Hover Background Color#ff4056
Primary Navbar > Hide Top BorderUncheck
Primary Navbar > Primary Navbar Text Color#ffffff
Content Layout > Content Background Color#ffffff
Content Layout > Content Heading Color#404040
Content Layout > Content Text Color#404040
Sidebar Layout > Side Widget Background Color#ffffff
Sidebar Layout > Side Widget Heading Color#404040
Sidebar Layout > Side Widget Text Color#404040
Sidebar Layout > Side Widget Border Color#fafafa
Sidebar Layout > Side Widget Title Border Color#537cff
Blog Options > Enable Show Blog Posts in a GridUncheck
Blog Options > Use Masonry LayoutUncheck
Blog Options > Post and Comment Meta Text Color#979797
Posts Carousel > Header Posts Carousel > Enable Header Posts CarouselCheck
Posts Carousel > Header Posts Carousel > Background Color#ffffff
Posts Carousel > Header Posts Carousel > Text Color#404040
Posts Carousel > Footer Posts Carousel > Enable Footer Posts CarouselCheck
Posts Carousel > Footer Posts Carousel > Background Color#ffffff
Posts Carousel > Footer Posts Carousel > Text Color#404040
Posts Carousel > Related Posts Carousel > Enable Related Posts CarouselCheck
Posts Grid > Header Posts Grid: Enable Header Posts GridCheck
Posts Grid > Header Posts Grid > Empty Image Background Color#eeeeee
Posts Grid > Header Posts Grid > Caption Background Colorrgba(8,12,25,0.6)
Posts Grid > Related Posts Grid: Enable Related Posts GridCheck
Posts Grid > Related Posts Grid > Empty Image Background Color#eeeeee
Posts Grid > Related Posts Grid > Caption Background Colorrgba(0,0,0,0.45)
Footer Options > Footer Widget DesignDesign – 2
Footer Options > Footer Background Color#0e0e11
Footer Options > Footer Widget Text Color#ffffff
Footer Options > Footer Widget Link Color#b7b7b7
Footer Options > Footer Widget Border Color#666666
Footer Options > Footer Copyright Text Color#e1e1e1
Footer Options > Footer Credit Link Color#ff4056
Footer Options > Go To Top Hover Gradient Color 1#406dff
Footer Options > Go To Top Hover Gradient Color 2#537cff

8.3. PressBook News Dark

PressBook News Dark - WordPress Theme
PressBook News Dark – WordPress Theme
Option NameValue
Site Identity > Site Branding Layout (Large-Screen Devices)Left – Right
Colors > Background Color#000000
Colors > Header Background Color#000000
Colors > Site Title Color#ffffff
Colors > Tagline Color#a0a0a0
Colors > Link Color#d72924
Colors > Link Hover Color#df5450
Colors > Button Gradient Background 1#d72924
Colors > Button Gradient Background 2#db3e3a
Colors > Button Text Color#ffffff
Colors > Carousel Arrow Hover Background Color#d72924
Colors > Carousel Arrow Hover Text Color#ffffff
Fonts & Typography > Heading FontLora
Fonts & Typography > Body FontIBM Plex Serif
Fonts & Typography > General Button: Padding Top6px
Fonts & Typography > General Button: Padding Bottom8px
Fonts & Typography > Read More Button: Padding Top8px
Fonts & Typography > Read More Button: Padding Bottom10px
Top Navbar > Top Navbar DesignDesign – 1
Top Navbar > Top Navbar Content Alignment (Large-Screen Devices)Left – Right
Top Navbar > Top Navbar Gradient Background 1rgba(0,0,0,0.92)
Top Navbar > Top Navbar Gradient Background 2rgba(215,41,36,0.92)
Top Info Section > Top Info Background Colorrgba(0,0,0,0.94)
Top Info Section > Top Info Text Color#f4f4f4
Top Info Section > Top Info Font Weight400
Top Info Section > Top Info: Button Background Colorrgba(0,0,0,0.9)
Top Info Section > Top Info: Button Border Colorrgba(255,255,255,0.8)
Top Info Section > Top Info: Button Text Color#f4f4f4
Top Info Section > Top Info Button: Padding Top0.55em
Top Info Section > Top Info Button: Padding Bottom0.55em
Primary Navbar > Primary Navbar DesignDesign – 2
Primary Navbar > Primary Navbar Background Colorrgba(17,17,17,0.92)
Primary Navbar > Primary Navbar Hover Background Color#d72924
Primary Navbar > Hide Top BorderCheck
Primary Navbar > Primary Navbar Text Color#ffffff
Content Layout > Content Background Color#000000
Content Layout > Content Heading Color#ffffff
Content Layout > Content Text Color#a0a0a0
Sidebar Layout > Side Widget Background Color#000000
Sidebar Layout > Side Widget Heading Color#ffffff
Sidebar Layout > Side Widget Text Color#a0a0a0
Sidebar Layout > Side Widget Border Color#000000
Sidebar Layout > Side Widget Title Border Color#d72924
Blog Options > Enable Show Blog Posts in a GridUncheck
Blog Options > Use Masonry LayoutUncheck
Blog Options > Post and Comment Meta Text Color#c0c0c0
Posts Carousel > Header Posts Carousel > Enable Header Posts CarouselCheck
Posts Carousel > Header Posts Carousel > Background Colorrgba(12,12,12,0.92)
Posts Carousel > Header Posts Carousel > Text Color#c0c0c0
Posts Carousel > Footer Posts Carousel > Enable Footer Posts CarouselCheck
Posts Carousel > Footer Posts Carousel > Background Colorrgba(12,12,12,0.92)
Posts Carousel > Footer Posts Carousel > Text Color#c0c0c0
Posts Carousel > Related Posts Carousel > Enable Related Posts CarouselCheck
Posts Grid > Header Posts Grid: Enable Header Posts GridCheck
Posts Grid > Header Posts Grid > Empty Image Background Color#1e1e1e
Posts Grid > Header Posts Grid > Caption Background Colorrgba(22,8,8,0.6)
Posts Grid > Related Posts Grid: Enable Related Posts GridCheck
Posts Grid > Related Posts Grid > Empty Image Background Color#1e1e1e
Posts Grid > Related Posts Grid > Caption Background Colorrgba(0,0,0,0.45)
Footer Options > Footer Widget DesignDesign – 1
Footer Options > Footer Background Colorrgba(12,12,12,0.92)
Footer Options > Footer Widget Text Color#ffffff
Footer Options > Footer Widget Link Color#b7b7b7
Footer Options > Footer Widget Border Color#666666
Footer Options > Footer Copyright Text Color#e1e1e1
Footer Options > Footer Credit Link Color#d72924
Footer Options > Go To Top Hover Gradient Color 1#d72924
Footer Options > Go To Top Hover Gradient Color 2#e36966

8.4. PressBook Grid Blogs

PressBook Grid Blogs - WordPress Theme
PressBook Grid Blogs – WordPress Theme
Option NameValue
Site Identity > Site Branding Layout (Large-Screen Devices)Left – Right
Colors > Background Color#ededed
Colors > Header Background Color#ffffff
Colors > Site Title Color#404040
Colors > Tagline Color#979797
Colors > Link Color#3369e5
Colors > Link Hover Color#ff3955
Colors > Button Gradient Background 1#455cff
Colors > Button Gradient Background 2#586cff
Colors > Button Text Color#ffffff
Colors > Carousel Arrow Hover Background Color#3369e5
Colors > Carousel Arrow Hover Text Color#ffffff
Fonts & Typography > Heading FontSource Serif Pro
Fonts & Typography > Body FontIBM Plex Serif
Fonts & Typography > General Button: Padding Top6px
Fonts & Typography > General Button: Padding Bottom8px
Fonts & Typography > Read More Button: Padding Top8px
Fonts & Typography > Read More Button: Padding Bottom10px
Top Navbar > Top Navbar DesignDesign – 2
Top Navbar > Top Navbar Content Alignment (Large-Screen Devices)Left – Right
Top Navbar > Top Navbar Gradient Background 1#586cff
Top Navbar > Top Navbar Gradient Background 2#455cff
Top Info Section > Top Info Background Color#f3f3f3
Top Info Section > Top Info Text Color#515151
Top Info Section > Top Info Font Weight600
Top Info Section > Top Info: Button Background Color#ffffff
Top Info Section > Top Info: Button Border Color#a7a7a7
Top Info Section > Top Info: Button Text Color#515151
Top Info Section > Top Info Button: Padding Top0.55em
Top Info Section > Top Info Button: Padding Bottom0.55em
Primary Navbar > Primary Navbar DesignDesign – 2
Primary Navbar > Primary Navbar Background Color#1c1c21
Primary Navbar > Primary Navbar Hover Background Color#ff3955
Primary Navbar > Hide Top BorderCheck
Primary Navbar > Primary Navbar Text Color#ffffff
Content Layout > Content Background Color#ffffff
Content Layout > Content Heading Color#404040
Content Layout > Content Text Color#404040
Sidebar Layout > Side Widget Background Color#ffffff
Sidebar Layout > Side Widget Heading Color#404040
Sidebar Layout > Side Widget Text Color#404040
Sidebar Layout > Side Widget Border Color#fafafa
Sidebar Layout > Side Widget Title Border Color#3369e5
Blog Options > Enable Show Blog Posts in a GridCheck
Blog Options > Use Masonry LayoutUncheck
Blog Options > Post and Comment Meta Text Color#979797
Posts Carousel > Header Posts Carousel > Enable Header Posts CarouselCheck
Posts Carousel > Header Posts Carousel > Background Color#ffffff
Posts Carousel > Header Posts Carousel > Text Color#404040
Posts Carousel > Footer Posts Carousel > Enable Footer Posts CarouselCheck
Posts Carousel > Footer Posts Carousel > Background Color#ffffff
Posts Carousel > Footer Posts Carousel > Text Color#404040
Posts Carousel > Related Posts Carousel > Enable Related Posts CarouselCheck
Posts Grid > Header Posts Grid: Enable Header Posts GridUncheck
Posts Grid > Header Posts Grid > Empty Image Background Color#e3e3e3
Posts Grid > Header Posts Grid > Caption Background Colorrgba(25,6,8,0.6)
Posts Grid > Related Posts Grid: Enable Related Posts GridCheck
Posts Grid > Related Posts Grid > Empty Image Background Color#eeeeee
Posts Grid > Related Posts Grid > Caption Background Colorrgba(0,0,0,0.45)
Footer Options > Footer Widget DesignDesign – 2
Footer Options > Footer Background Color#0e0e11
Footer Options > Footer Widget Text Color#ffffff
Footer Options > Footer Widget Link Color#b7b7b7
Footer Options > Footer Widget Border Color#666666
Footer Options > Footer Copyright Text Color#e1e1e1
Footer Options > Footer Credit Link Color#3369e5
Footer Options > Go To Top Hover Gradient Color 1#455cff
Footer Options > Go To Top Hover Gradient Color 2#586cff

8.5. PressBook Grid Dark

PressBook Grid Dark - WordPress Theme
PressBook Grid Dark – WordPress Theme
Option NameValue
Site Identity > Site Branding Layout (Large-Screen Devices)Left – Right
Colors > Background Color#1e1e1e
Colors > Header Background Colorrgba(10,10,10,0.9)
Colors > Site Title Color#ffffff
Colors > Tagline Color#a2a2a2
Colors > Link Color#5a68e7
Colors > Link Hover Color#7682eb
Colors > Button Gradient Background 1#4252e6
Colors > Button Gradient Background 2rgba(49,66,228,0.95)
Colors > Button Text Color#ffffff
Colors > Carousel Arrow Hover Background Color#4252e6
Colors > Carousel Arrow Hover Text Color#ffffff
Fonts & Typography > Heading FontLato
Fonts & Typography > Body FontInter
Fonts & Typography > General Button: Padding TopDefault
Fonts & Typography > General Button: Padding BottomDefault
Fonts & Typography > Read More Button: Padding TopDefault
Fonts & Typography > Read More Button: Padding BottomDefault
Top Navbar > Top Navbar DesignDesign – 2
Top Navbar > Top Navbar Content Alignment (Large-Screen Devices)Left – Right
Top Navbar > Top Navbar Gradient Background 1rgba(6,9,44,0.95)
Top Navbar > Top Navbar Gradient Background 2#3e4ee6
Top Info Section > Top Info Background Colorrgba(0,0,0,0.94)
Top Info Section > Top Info Text Color#f4f4f4
Top Info Section > Top Info Font Weight400
Top Info Section > Top Info: Button Background Colorrgba(0,0,0,0.9)
Top Info Section > Top Info: Button Border Colorrgba(255,255,255,0.8)
Top Info Section > Top Info: Button Text Color#f4f4f4
Top Info Section > Top Info Button: Padding Top0.55em
Top Info Section > Top Info Button: Padding Bottom0.55em
Primary Navbar > Primary Navbar DesignDesign – 2
Primary Navbar > Primary Navbar Background Colorrgba(0,0,0,0.9)
Primary Navbar > Primary Navbar Hover Background Colorrgba(57,73,229,0.95)
Primary Navbar > Hide Top BorderCheck
Primary Navbar > Primary Navbar Text Color#ffffff
Content Layout > Content Background Colorrgba(0,0,0,0.91)
Content Layout > Content Heading Color#ffffff
Content Layout > Content Text Color#a2a2a2
Sidebar Layout > Side Widget Background Colorrgba(0,0,0,0.91)
Sidebar Layout > Side Widget Heading Color#ffffff
Sidebar Layout > Side Widget Text Color#a2a2a2
Sidebar Layout > Side Widget Border Colorrgba(0,0,0,0.95)
Sidebar Layout > Side Widget Title Border Color#5a68e7
Blog Options > Enable Show Blog Posts in a GridCheck
Blog Options > Use Masonry LayoutUncheck
Blog Options > Post and Comment Meta Text Color#c0c0c0
Posts Carousel > Header Posts Carousel > Enable Header Posts CarouselCheck
Posts Carousel > Header Posts Carousel > Background Colorrgba(0,0,0,0.91)
Posts Carousel > Header Posts Carousel > Text Color#c0c0c0
Posts Carousel > Footer Posts Carousel > Enable Footer Posts CarouselCheck
Posts Carousel > Footer Posts Carousel > Background Colorrgba(0,0,0,0.91)
Posts Carousel > Footer Posts Carousel > Text Color#c0c0c0
Posts Carousel > Related Posts Carousel > Enable Related Posts CarouselCheck
Posts Grid > Header Posts Grid: Enable Header Posts GridUncheck
Posts Grid > Header Posts Grid > Empty Image Background Color#1e1e1e
Posts Grid > Header Posts Grid > Caption Background Colorrgba(0,0,0,0.45)
Posts Grid > Related Posts Grid: Enable Related Posts GridCheck
Posts Grid > Related Posts Grid > Empty Image Background Color#1e1e1e
Posts Grid > Related Posts Grid > Caption Background Colorrgba(0,0,0,0.45)
Footer Options > Footer Widget DesignDesign – 2
Footer Options > Footer Background Colorrgba(0,0,0,0.93)
Footer Options > Footer Widget Text Color#ffffff
Footer Options > Footer Widget Link Color#b7b7b7
Footer Options > Footer Widget Border Color#666666
Footer Options > Footer Copyright Text Color#e1e1e1
Footer Options > Footer Credit Link Color#7682eb
Footer Options > Go To Top Hover Gradient Color 1#3949e5
Footer Options > Go To Top Hover Gradient Color 2#4f5ee8

8.6. PressBook Masonry Blogs

PressBook Masonry Blogs - WordPress Theme
PressBook Masonry Blogs – WordPress Theme
Option NameValue
Site Identity > Site Branding Layout (Large-Screen Devices)Center
Colors > Background Color#ededed
Colors > Header Background Color#ffffff
Colors > Site Title Color#404040
Colors > Tagline Color#979797
Colors > Link Color#1974fc
Colors > Link Hover Color#f70073
Colors > Button Gradient Background 1#187df2
Colors > Button Gradient Background 2#0968e5
Colors > Button Text Color#ffffff
Colors > Carousel Arrow Hover Background Color#1974fc
Colors > Carousel Arrow Hover Text Color#ffffff
Fonts & Typography > Heading FontPhilosopher
Fonts & Typography > Body FontSource Serif Pro
Fonts & Typography > General Button: Padding Top7px
Fonts & Typography > General Button: Padding Bottom7px
Fonts & Typography > Read More Button: Padding Top10px
Fonts & Typography > Read More Button: Padding Bottom9px
Top Navbar > Top Navbar DesignDesign – 2
Top Navbar > Top Navbar Content Alignment (Large-Screen Devices)Center
Top Navbar > Top Navbar Gradient Background 1#0968e5
Top Navbar > Top Navbar Gradient Background 2#187df2
Top Info Section > Top Info Background Color#f3f3f3
Top Info Section > Top Info Text Color#515151
Top Info Section > Top Info Font Weight600
Top Info Section > Top Info: Button Background Color#ffffff
Top Info Section > Top Info: Button Border Color#a7a7a7
Top Info Section > Top Info: Button Text Color#515151
Top Info Section > Top Info Button: Padding Top0.55em
Top Info Section > Top Info Button: Padding Bottom0.55em
Primary Navbar > Primary Navbar DesignDesign – 2
Primary Navbar > Primary Navbar Background Color#232323
Primary Navbar > Primary Navbar Hover Background Color#f70073
Primary Navbar > Hide Top BorderCheck
Primary Navbar > Primary Navbar Text Color#ffffff
Content Layout > Content Background Color#ffffff
Content Layout > Content Heading Color#404040
Content Layout > Content Text Color#404040
Sidebar Layout > Side Widget Background Color#ffffff
Sidebar Layout > Side Widget Heading Color#404040
Sidebar Layout > Side Widget Text Color#404040
Sidebar Layout > Side Widget Border Color#fafafa
Sidebar Layout > Side Widget Title Border Color#1974fc
Blog Options > Enable Show Blog Posts in a GridCheck
Blog Options > Use Masonry LayoutCheck
Blog Options > Post and Comment Meta Text Color#979797
Posts Carousel > Header Posts Carousel > Enable Header Posts CarouselCheck
Posts Carousel > Header Posts Carousel > Background Color#ffffff
Posts Carousel > Header Posts Carousel > Text Color#404040
Posts Carousel > Footer Posts Carousel > Enable Footer Posts CarouselCheck
Posts Carousel > Footer Posts Carousel > Background Color#ffffff
Posts Carousel > Footer Posts Carousel > Text Color#404040
Posts Carousel > Related Posts Carousel > Enable Related Posts CarouselCheck
Posts Grid > Header Posts Grid: Enable Header Posts GridUncheck
Posts Grid > Header Posts Grid > Empty Image Background Color#e3e3e3
Posts Grid > Header Posts Grid > Caption Background Colorrgba(25,0,11,0.6)
Posts Grid > Related Posts Grid: Enable Related Posts GridCheck
Posts Grid > Related Posts Grid > Empty Image Background Color#eeeeee
Posts Grid > Related Posts Grid > Caption Background Colorrgba(0,0,0,0.45)
Footer Options > Footer Widget DesignDesign – 2
Footer Options > Footer Background Color#0f0f0f
Footer Options > Footer Widget Text Color#ffffff
Footer Options > Footer Widget Link Color#b7b7b7
Footer Options > Footer Widget Border Color#666666
Footer Options > Footer Copyright Text Color#e1e1e1
Footer Options > Footer Credit Link Color#1974fc
Footer Options > Go To Top Hover Gradient Color 1#177fe8
Footer Options > Go To Top Hover Gradient Color 2#074eba

8.7. PressBook Masonry Dark

PressBook Masonry Dark - WordPress Theme
PressBook Masonry Dark – WordPress Theme
Option NameValue
Site Identity > Site Branding Layout (Large-Screen Devices)Center
Colors > Background Color#1a1a1a
Colors > Header Background Colorrgba(20,26,26,0.96)
Colors > Site Title Color#ffffff
Colors > Tagline Color#999fa3
Colors > Link Color#b57de3
Colors > Link Hover Color#e558f2
Colors > Button Gradient Background 1#5b08a0
Colors > Button Gradient Background 2#8023ce
Colors > Button Text Color#ffffff
Colors > Carousel Arrow Hover Background Color#6709b4
Colors > Carousel Arrow Hover Text Color#ffffff
Fonts & Typography > Heading FontPhilosopher
Fonts & Typography > Body FontInter
Fonts & Typography > General Button: Padding TopDefault
Fonts & Typography > General Button: Padding BottomDefault
Fonts & Typography > Read More Button: Padding TopDefault
Fonts & Typography > Read More Button: Padding BottomDefault
Top Navbar > Top Navbar DesignDesign – 2
Top Navbar > Top Navbar Content Alignment (Large-Screen Devices)Center
Top Navbar > Top Navbar Gradient Background 1#6709b4
Top Navbar > Top Navbar Gradient Background 2#390564
Top Info Section > Top Info Background Colorrgba(0,0,0,0.94)
Top Info Section > Top Info Text Color#f4f4f4
Top Info Section > Top Info Font Weight400
Top Info Section > Top Info: Button Background Colorrgba(0,0,0,0.9)
Top Info Section > Top Info: Button Border Colorrgba(255,255,255,0.8)
Top Info Section > Top Info: Button Text Color#f4f4f4
Top Info Section > Top Info Button: Padding Top0.55em
Top Info Section > Top Info Button: Padding Bottom0.55em
Primary Navbar > Primary Navbar DesignDesign – 2
Primary Navbar > Primary Navbar Background Colorrgba(0,0,0,0.9)
Primary Navbar > Primary Navbar Hover Background Colorrgba(103,9,180,0.95)
Primary Navbar > Hide Top BorderCheck
Primary Navbar > Primary Navbar Text Color#ffffff
Content Layout > Content Background Colorrgba(0,0,0,0.97)
Content Layout > Content Heading Color#e7e7ef
Content Layout > Content Text Color#999fa3
Sidebar Layout > Side Widget Background Colorrgba(0,0,0,0.97)
Sidebar Layout > Side Widget Heading Color#e7e7ef
Sidebar Layout > Side Widget Text Color#999fa3
Sidebar Layout > Side Widget Border Color#101010
Sidebar Layout > Side Widget Title Border Color#b57de3
Blog Options > Enable Show Blog Posts in a GridCheck
Blog Options > Use Masonry LayoutCheck
Blog Options > Post and Comment Meta Text Color#b8bcbf
Posts Carousel > Header Posts Carousel > Enable Header Posts CarouselCheck
Posts Carousel > Header Posts Carousel > Background Colorrgba(0,0,0,0.91)
Posts Carousel > Header Posts Carousel > Text Color#b8bcbf
Posts Carousel > Footer Posts Carousel > Enable Footer Posts CarouselCheck
Posts Carousel > Footer Posts Carousel > Background Colorrgba(0,0,0,0.91)
Posts Carousel > Footer Posts Carousel > Text Color#b8bcbf
Posts Carousel > Related Posts Carousel > Enable Related Posts CarouselCheck
Posts Grid > Header Posts Grid: Enable Header Posts GridUncheck
Posts Grid > Header Posts Grid > Empty Image Background Color#1f2021
Posts Grid > Header Posts Grid > Caption Background Colorrgba(0,0,0,0.45)
Posts Grid > Related Posts Grid: Enable Related Posts GridCheck
Posts Grid > Related Posts Grid > Empty Image Background Color#1f2021
Posts Grid > Related Posts Grid > Caption Background Colorrgba(0,0,0,0.45)
Footer Options > Footer Widget DesignDesign – 2
Footer Options > Footer Background Colorrgba(0,0,0,0.94)
Footer Options > Footer Widget Text Color#ffffff
Footer Options > Footer Widget Link Color#999fa3
Footer Options > Footer Widget Border Color#666666
Footer Options > Footer Copyright Text Color#e1e1e1
Footer Options > Footer Credit Link Color#b57de3
Footer Options > Go To Top Hover Gradient Color 1#5b08a0
Footer Options > Go To Top Hover Gradient Color 2#8023ce

8.8. PressBook Dark

PressBook Dark - WordPress Theme
PressBook Dark – WordPress Theme
Option NameValue
Site Identity > Site Branding Layout (Large-Screen Devices)Left – Right
Colors > Background Color#000000
Colors > Header Background Color#000000
Colors > Site Title Color#ffffff
Colors > Tagline Color#a7a7a7
Colors > Link Color#8f94fb
Colors > Link Hover Color#ff7f7f
Colors > Button Gradient Background 1#6b72fa
Colors > Button Gradient Background 2#6067e1
Colors > Button Text Color#ffffff
Colors > Carousel Arrow Hover Background Color#6b72fa
Colors > Carousel Arrow Hover Text Color#ffffff
Fonts & Typography > Heading FontPlayfair Display
Fonts & Typography > Body FontOpen Sans
Fonts & Typography > General Button: Padding TopDefault
Fonts & Typography > General Button: Padding BottomDefault
Fonts & Typography > Read More Button: Padding TopDefault
Fonts & Typography > Read More Button: Padding BottomDefault
Top Navbar > Top Navbar DesignDesign – 1
Top Navbar > Top Navbar Content Alignment (Large-Screen Devices)Left – Right
Top Navbar > Top Navbar Gradient Background 1#181a2f
Top Navbar > Top Navbar Gradient Background 2#121212
Top Info Section > Top Info Background Colorrgba(0,0,0,0.94)
Top Info Section > Top Info Text Color#f4f4f4
Top Info Section > Top Info Font Weight400
Top Info Section > Top Info: Button Background Colorrgba(0,0,0,0.9)
Top Info Section > Top Info: Button Border Colorrgba(255,255,255,0.8)
Top Info Section > Top Info: Button Text Color#f4f4f4
Top Info Section > Top Info Button: Padding Top0.55em
Top Info Section > Top Info Button: Padding Bottom0.55em
Primary Navbar > Primary Navbar DesignDesign – 1
Primary Navbar > Primary Navbar Background Color#121212
Primary Navbar > Primary Navbar Hover Background Color#6067e1
Primary Navbar > Hide Top BorderCheck
Primary Navbar > Primary Navbar Text Color#ffffff
Content Layout > Content Background Color#121212
Content Layout > Content Heading Color#ffffff
Content Layout > Content Text Color#b7b7b7
Sidebar Layout > Side Widget Background Color#121212
Sidebar Layout > Side Widget Heading Color#ffffff
Sidebar Layout > Side Widget Text Color#b7b7b7
Sidebar Layout > Side Widget Border Color#121212
Sidebar Layout > Side Widget Title Border Color#8f94fb
Blog Options > Enable Show Blog Posts in a GridUncheck
Blog Options > Use Masonry LayoutUncheck
Blog Options > Post and Comment Meta Text Color#c0c0c0
Posts Carousel > Header Posts Carousel > Enable Header Posts CarouselCheck
Posts Carousel > Header Posts Carousel > Background Colorrgba(12,12,12,0.92)
Posts Carousel > Header Posts Carousel > Text Color#c0c0c0
Posts Carousel > Footer Posts Carousel > Enable Footer Posts CarouselCheck
Posts Carousel > Footer Posts Carousel > Background Colorrgba(12,12,12,0.92)
Posts Carousel > Footer Posts Carousel > Text Color#c0c0c0
Posts Carousel > Related Posts Carousel > Enable Related Posts CarouselCheck
Posts Grid > Header Posts Grid: Enable Header Posts GridCheck
Posts Grid > Header Posts Grid > Empty Image Background Color#161616
Posts Grid > Header Posts Grid > Caption Background Colorrgba(25,13,13,0.6)
Posts Grid > Related Posts Grid: Enable Related Posts GridCheck
Posts Grid > Related Posts Grid > Empty Image Background Color#161616
Posts Grid > Related Posts Grid > Caption Background Colorrgba(0,0,0,0.45)
Footer Options > Footer Widget DesignDesign – 1
Footer Options > Footer Background Color#121212
Footer Options > Footer Widget Text Color#ffffff
Footer Options > Footer Widget Link Color#b7b7b7
Footer Options > Footer Widget Border Color#666666
Footer Options > Footer Copyright Text Color#e1e1e1
Footer Options > Footer Credit Link Color#ff7f7f
Footer Options > Go To Top Hover Gradient Color 1#5d63d6
Footer Options > Go To Top Hover Gradient Color 2#8f94fb

8.9. PressBook Green

PressBook Green - WordPress Theme
PressBook Green – WordPress Theme
Option NameValue
Site Identity > Site Branding Layout (Large-Screen Devices)Center
Colors > Background Color#ededed
Colors > Header Background Color#ffffff
Colors > Site Title Color#404040
Colors > Tagline Color#979797
Colors > Link Color#255946
Colors > Link Hover Color#49a760
Colors > Button Gradient Background 1#5bb070
Colors > Button Gradient Background 2#3a864d
Colors > Button Text Color#ffffff
Colors > Carousel Arrow Hover Background Color#255946
Colors > Carousel Arrow Hover Text Color#ffffff
Fonts & Typography > Heading FontDomine
Fonts & Typography > Body FontRoboto Serif
Fonts & Typography > General Button: Padding TopDefault
Fonts & Typography > General Button: Padding BottomDefault
Fonts & Typography > Read More Button: Padding Top9px
Fonts & Typography > Read More Button: Padding Bottom9px
Top Navbar > Top Navbar DesignDesign – 2
Top Navbar > Top Navbar Content Alignment (Large-Screen Devices)Center
Top Navbar > Top Navbar Gradient Background 1#5bb070
Top Navbar > Top Navbar Gradient Background 2#3a864d
Top Info Section > Top Info Background Color#f3f3f3
Top Info Section > Top Info Text Color#515151
Top Info Section > Top Info Font Weight600
Top Info Section > Top Info: Button Background Color#ffffff
Top Info Section > Top Info: Button Border Color#a7a7a7
Top Info Section > Top Info: Button Text Color#515151
Top Info Section > Top Info Button: Padding Top0.55em
Top Info Section > Top Info Button: Padding Bottom0.55em
Primary Navbar > Primary Navbar DesignDesign – 2
Primary Navbar > Primary Navbar Background Color#429656
Primary Navbar > Primary Navbar Hover Background Color#2c643a
Primary Navbar > Hide Top BorderCheck
Primary Navbar > Primary Navbar Text Color#ffffff
Content Layout > Content Background Color#ffffff
Content Layout > Content Heading Color#404040
Content Layout > Content Text Color#404040
Sidebar Layout > Side Widget Background Color#ffffff
Sidebar Layout > Side Widget Heading Color#404040
Sidebar Layout > Side Widget Text Color#404040
Sidebar Layout > Side Widget Border Color#fafafa
Sidebar Layout > Side Widget Title Border Color#49a760
Blog Options > Enable Show Blog Posts in a GridUncheck
Blog Options > Use Masonry LayoutUncheck
Blog Options > Post and Comment Meta Text Color#979797
Posts Carousel > Header Posts Carousel > Enable Header Posts CarouselCheck
Posts Carousel > Header Posts Carousel > Background Color#ffffff
Posts Carousel > Header Posts Carousel > Text Color#404040
Posts Carousel > Footer Posts Carousel > Enable Footer Posts CarouselCheck
Posts Carousel > Footer Posts Carousel > Background Color#ffffff
Posts Carousel > Footer Posts Carousel > Text Color#404040
Posts Carousel > Related Posts Carousel > Enable Related Posts CarouselCheck
Posts Grid > Header Posts Grid: Enable Header Posts GridCheck
Posts Grid > Header Posts Grid > Empty Image Background Color#e2e2e2
Posts Grid > Header Posts Grid > Caption Background Colorrgba(58,134,77,0.67)
Posts Grid > Related Posts Grid: Enable Related Posts GridCheck
Posts Grid > Related Posts Grid > Empty Image Background Color#eeeeee
Posts Grid > Related Posts Grid > Caption Background Colorrgba(58,134,77,0.45)
Footer Options > Footer Widget DesignDesign – 2
Footer Options > Footer Background Colorrgba(255,255,255,0.9)
Footer Options > Footer Widget Text Color#0a0a0a
Footer Options > Footer Widget Link Color#255430
Footer Options > Footer Widget Border Color#cecece
Footer Options > Footer Copyright Text Color#0a0a0a
Footer Options > Footer Credit Link Color#255430
Footer Options > Go To Top Hover Gradient Color 1#49a760
Footer Options > Go To Top Hover Gradient Color 2#255946

8.10. PressBook

PressBook - WordPress Theme
PressBook – WordPress Theme
Option NameValue
Site Identity > Site Branding Layout (Large-Screen Devices)Left – Right
Colors > Background Color#ededed
Colors > Header Background Color#ffffff
Colors > Site Title Color#404040
Colors > Tagline Color#979797
Colors > Link Color#166dd6
Colors > Link Hover Color#f69275
Colors > Button Gradient Background 1#f3c841
Colors > Button Gradient Background 2#f69275
Colors > Button Text Color#ffffff
Colors > Carousel Arrow Hover Background Color#166dd6
Colors > Carousel Arrow Hover Text Color#ffffff
Fonts & Typography > Heading FontLato
Fonts & Typography > Body FontInter
Fonts & Typography > General Button: Padding TopDefault
Fonts & Typography > General Button: Padding BottomDefault
Fonts & Typography > Read More Button: Padding TopDefault
Fonts & Typography > Read More Button: Padding BottomDefault
Top Navbar > Top Navbar DesignDesign – 1
Top Navbar > Top Navbar Content Alignment (Large-Screen Devices)Left – Right
Top Navbar > Top Navbar Gradient Background 1#166dd6
Top Navbar > Top Navbar Gradient Background 2#1257ab
Top Info Section > Top Info Background Color#f3f3f3
Top Info Section > Top Info Text Color#515151
Top Info Section > Top Info Font Weight600
Top Info Section > Top Info: Button Background Color#ffffff
Top Info Section > Top Info: Button Border Color#a7a7a7
Top Info Section > Top Info: Button Text Color#515151
Top Info Section > Top Info Button: Padding Top0.55em
Top Info Section > Top Info Button: Padding Bottom0.55em
Primary Navbar > Primary Navbar DesignDesign – 1
Primary Navbar > Primary Navbar Background Color#166dd6
Primary Navbar > Primary Navbar Hover Background Color#f69275
Primary Navbar > Hide Top BorderCheck
Primary Navbar > Primary Navbar Text Color#ffffff
Content Layout > Content Background Color#ffffff
Content Layout > Content Heading Color#404040
Content Layout > Content Text Color#404040
Sidebar Layout > Side Widget Background Color#ffffff
Sidebar Layout > Side Widget Heading Color#404040
Sidebar Layout > Side Widget Text Color#404040
Sidebar Layout > Side Widget Border Color#fafafa
Sidebar Layout > Side Widget Title Border Color#166dd6
Blog Options > Enable Show Blog Posts in a GridUncheck
Blog Options > Use Masonry LayoutUncheck
Blog Options > Post and Comment Meta Text Color#979797
Posts Carousel > Header Posts Carousel > Enable Header Posts CarouselCheck
Posts Carousel > Header Posts Carousel > Background Color#ffffff
Posts Carousel > Header Posts Carousel > Text Color#404040
Posts Carousel > Footer Posts Carousel > Enable Footer Posts CarouselCheck
Posts Carousel > Footer Posts Carousel > Background Color#ffffff
Posts Carousel > Footer Posts Carousel > Text Color#404040
Posts Carousel > Related Posts Carousel > Enable Related Posts CarouselCheck
Posts Grid > Header Posts Grid: Enable Header Posts GridCheck
Posts Grid > Header Posts Grid > Empty Image Background Color#e3e3e3
Posts Grid > Header Posts Grid > Caption Background Colorrgba(2,1,1,0.6)
Posts Grid > Related Posts Grid: Enable Related Posts GridCheck
Posts Grid > Related Posts Grid > Empty Image Background Color#eeeeee
Posts Grid > Related Posts Grid > Caption Background Colorrgba(0,0,0,0.45)
Footer Options > Footer Widget DesignDesign – 1
Footer Options > Footer Background Color#232323
Footer Options > Footer Widget Text Color#ffffff
Footer Options > Footer Widget Link Color#b7b7b7
Footer Options > Footer Widget Border Color#666666
Footer Options > Footer Copyright Text Color#e1e1e1
Footer Options > Footer Credit Link Color#f69275
Footer Options > Go To Top Hover Gradient Color 1#522db8
Footer Options > Go To Top Hover Gradient Color 2#166dd6

8.11. PressBook Media

PressBook Media - WordPress Theme
PressBook Media – WordPress Theme
Option NameValue
Site Identity > Site Branding Layout (Large-Screen Devices)Left – Right
Colors > Background Color#ededed
Colors > Header Background Color#ffffff
Colors > Site Title Color#404040
Colors > Tagline Color#979797
Colors > Link Color#094ae9
Colors > Link Hover Color#a41e6d
Colors > Button Gradient Background 1#094ae9
Colors > Button Gradient Background 2#386be9
Colors > Button Text Color#ffffff
Colors > Carousel Arrow Hover Background Color#386be9
Colors > Carousel Arrow Hover Text Color#ffffff
Fonts & Typography > Heading FontSource Sans Pro
Fonts & Typography > Body FontMulish
Fonts & Typography > General Button: Padding TopDefault
Fonts & Typography > General Button: Padding BottomDefault
Fonts & Typography > Read More Button: Padding TopDefault
Fonts & Typography > Read More Button: Padding BottomDefault
Top Navbar > Top Navbar DesignDesign – 1
Top Navbar > Top Navbar Content Alignment (Large-Screen Devices)Left – Right
Top Navbar > Top Navbar Gradient Background 1#094ae9
Top Navbar > Top Navbar Gradient Background 2#386be9
Top Info Section > Top Info Background Color#f3f3f3
Top Info Section > Top Info Text Color#515151
Top Info Section > Top Info Font Weight600
Top Info Section > Top Info: Button Background Color#ffffff
Top Info Section > Top Info: Button Border Color#a7a7a7
Top Info Section > Top Info: Button Text Color#515151
Top Info Section > Top Info Button: Padding Top0.55em
Top Info Section > Top Info Button: Padding Bottom0.55em
Primary Navbar > Primary Navbar DesignDesign – 2
Primary Navbar > Primary Navbar Background Color#1d2327
Primary Navbar > Primary Navbar Hover Background Color#ff5809
Primary Navbar > Hide Top BorderCheck
Primary Navbar > Primary Navbar Text Color#ffffff
Content Layout > Content Background Color#ffffff
Content Layout > Content Heading Color#404040
Content Layout > Content Text Color#404040
Sidebar Layout > Side Widget Background Color#ffffff
Sidebar Layout > Side Widget Heading Color#404040
Sidebar Layout > Side Widget Text Color#404040
Sidebar Layout > Side Widget Border Color#fafafa
Sidebar Layout > Side Widget Title Border Color#094ae9
Blog Options > Enable Show Blog Posts in a GridUncheck
Blog Options > Use Masonry LayoutUncheck
Blog Options > Post and Comment Meta Text Color#979797
Posts Carousel > Header Posts Carousel > Enable Header Posts CarouselCheck
Posts Carousel > Header Posts Carousel > Background Color#ffffff
Posts Carousel > Header Posts Carousel > Text Color#404040
Posts Carousel > Footer Posts Carousel > Enable Footer Posts CarouselCheck
Posts Carousel > Footer Posts Carousel > Background Color#ffffff
Posts Carousel > Footer Posts Carousel > Text Color#404040
Posts Carousel > Related Posts Carousel > Enable Related Posts CarouselCheck
Posts Grid > Header Posts Grid: Enable Header Posts GridCheck
Posts Grid > Header Posts Grid > Empty Image Background Color#ffffff
Posts Grid > Header Posts Grid > Caption Background Colorrgba(1,7,23,0.4)
Posts Grid > Related Posts Grid: Enable Related Posts GridCheck
Posts Grid > Related Posts Grid > Empty Image Background Color#eeeeee
Posts Grid > Related Posts Grid > Caption Background Colorrgba(0,0,0,0.4)
Footer Options > Footer Widget DesignDesign – 2
Footer Options > Footer Background Color#010e2d
Footer Options > Footer Widget Text Color#ffffff
Footer Options > Footer Widget Link Color#b7b7b7
Footer Options > Footer Widget Border Color#666666
Footer Options > Footer Copyright Text Color#e1e1e1
Footer Options > Footer Credit Link Color#a41e6d
Footer Options > Go To Top Hover Gradient Color 1#094ae9
Footer Options > Go To Top Hover Gradient Color 2#386be9

8.12. Default Options Preset

PressBook Premium - WordPress Theme
PressBook Premium – WordPress Theme
Option NameValue
Site Identity > Site Branding Layout (Large-Screen Devices)Left – Right
Colors > Background Color#ededed
Colors > Header Background Colorrgba(255,255,255,0.9)
Colors > Site Title Color#404040
Colors > Tagline Color#979797
Colors > Link Color#b425ee
Colors > Link Hover Color#7600d8
Colors > Button Gradient Background 1#8422e6
Colors > Button Gradient Background 2#b425ee
Colors > Button Text Color#ffffff
Colors > Carousel Arrow Hover Background Color#7600d8
Colors > Carousel Arrow Hover Text Color#ffffff
Fonts & Typography > Heading FontLato
Fonts & Typography > Body FontInter
Fonts & Typography > General Button: Padding TopDefault
Fonts & Typography > General Button: Padding BottomDefault
Fonts & Typography > Read More Button: Padding TopDefault
Fonts & Typography > Read More Button: Padding BottomDefault
Top Navbar > Top Navbar DesignDesign – 1
Top Navbar > Top Navbar Content Alignment (Large-Screen Devices)Left – Right
Top Navbar > Top Navbar Gradient Background 1#5e00ad
Top Navbar > Top Navbar Gradient Background 2#7600d8
Top Info Section > Top Info Background Color#f3f3f3
Top Info Section > Top Info Text Color#515151
Top Info Section > Top Info Font Weight600
Top Info Section > Top Info: Button Background Color#ffffff
Top Info Section > Top Info: Button Border Color#a7a7a7
Top Info Section > Top Info: Button Text Color#515151
Top Info Section > Top Info Button: Padding Top0.55em
Top Info Section > Top Info Button: Padding Bottom0.55em
Primary Navbar > Primary Navbar DesignDesign – 1
Primary Navbar > Primary Navbar Background Color#7600d8
Primary Navbar > Primary Navbar Hover Background Color#ff4056
Primary Navbar > Hide Top BorderCheck
Primary Navbar > Primary Navbar Text Color#ffffff
Content Layout > Content Background Color#ffffff
Content Layout > Content Heading Color#404040
Content Layout > Content Text Color#404040
Sidebar Layout > Side Widget Background Color#ffffff
Sidebar Layout > Side Widget Heading Color#404040
Sidebar Layout > Side Widget Text Color#404040
Sidebar Layout > Side Widget Border Color#fafafa
Sidebar Layout > Side Widget Title Border Color#7600d8
Blog Options > Enable Show Blog Posts in a GridUncheck
Blog Options > Use Masonry LayoutUncheck
Blog Options > Post and Comment Meta Text Color#979797
Posts Carousel > Header Posts Carousel > Enable Header Posts CarouselCheck
Posts Carousel > Header Posts Carousel > Background Color#ffffff
Posts Carousel > Header Posts Carousel > Text Color#404040
Posts Carousel > Footer Posts Carousel > Enable Footer Posts CarouselCheck
Posts Carousel > Footer Posts Carousel > Background Color#ffffff
Posts Carousel > Footer Posts Carousel > Text Color#404040
Posts Carousel > Related Posts Carousel > Enable Related Posts CarouselCheck
Posts Grid > Header Posts Grid: Enable Header Posts GridCheck
Posts Grid > Header Posts Grid > Empty Image Background Color#e3e3e3
Posts Grid > Header Posts Grid > Caption Background Colorrgba(12,0,22,0.6)
Posts Grid > Related Posts Grid: Enable Related Posts GridCheck
Posts Grid > Related Posts Grid > Empty Image Background Color#eeeeee
Posts Grid > Related Posts Grid > Caption Background Colorrgba(0,0,0,0.45)
Footer Options > Footer Widget DesignDesign – 1
Footer Options > Footer Background Colorrgba(255,255,255,0.88)
Footer Options > Footer Widget Text Color#0a0a0a
Footer Options > Footer Widget Link Color#7600d8
Footer Options > Footer Widget Border Color#cecece
Footer Options > Footer Copyright Text Color#0a0a0a
Footer Options > Footer Credit Link Color#7600d8
Footer Options > Go To Top Hover Gradient Color 1#522db8
Footer Options > Go To Top Hover Gradient Color 2#7600d8

9. Translation of the Theme

PressBook Premium theme is translation-ready. This means you can translate it to any other language. In order to do the actual translation, you may use the “Loco Translate” plugin and read the following guide on how to translate a WordPress theme into another language.

10. Frequently Asked Questions

You may also want to read the frequently asked questions related to the PressBook theme.

Back to Top