How to create page covers?

You are here:
Estimated reading time: 1 min

To create a new cover:

  • Access Rey Theme > Global Sections
  • Hit Add new.
  • Select “Page Cover” in the Type option eg: https://d.pr/i/vx1wYw .
  • Publish the page
  • Hit Edit with Elementor
  • Add elements.

Assigning covers globally:

To assign page covers globally for various types of posts or taxonomies (categories), please access Customizer > Page cover and access the desired panel eg: Pages, Blog (posts, categories, blog homepage) or even WooCommerce’s Shop or products.

Assign covers individually per page (post, taxonomy):

For either one of these, simply access it in backend and look for the page settings panel, for example on pages and posts:

Select the page cover.

Or for taxonomies like categories:

Select the Page cover in Category pages.

How to add a dynamic title/description inside

While editing the Cover global section, make sure to use a Heading or Text element and pick dynamic skin eg: https://d.pr/i/DmEZUz and also what to show eg: Post/Archive title.

How to add a dynamic background image

Try accessing the parent section’s style settings and look for “Use Post/Category image” eg: https://d.pr/i/ONHrX2 . This will make sure the cover pulls the post feature image, or, the Category image defined in the backend.

Import page covers from other demos

You can use Rey’s template library to import other Covers from different demos eg: https://d.pr/i/amJer2 .

Was this article helpful?
Dislike 0
Views: 1518

Join the conversation