Generate: Dynamic Elements: Related Links (Interlinking) and Pagination

Overview

For some sites, you may need output a list of related links, parent, previous and/or next links on your Generated Pages, Posts or Custom Post Types.  This allows visitors to see related content, and provides internal linking for search engines to crawl.

Page Generator Pro provides a Related Links shortcode to achieve this.

You can add Related Links on any Page – it doesn’t have to be a Page Generator Pro Content Group or Generated Page.  For example, you can use this shortcode on your own manually built landing page, if you’d like to list all Generated Pages from a specific Content Group.

Adding: Classic Editor / TinyMCE

To add Related Links within the Classic Editor:

  • Click the Related Links icon in the Visual Editor toolbar (camera and music note symbol):
    Page Generator Pro: Generate: Shortcodes: TinyMCE Toolbar Button

Adding: Gutenberg

To add Related Links within Gutenberg:

  • Click the plus icon between two existing blocks, or towards the top left corner of the Gutenberg editor
    Page Generator Pro: Generate: Dynamic Elements: Gutenberg: Add Block
  • Start typing Related Links into the Search for a block field, and click the Related Links option that appears within the Page Generator Pro section
    Page Generator Pro: Generate: Dynamic Elements: Related Links: Search Blocks
  • Follow the Configuration section below for each of the fields displayed in the right hand sidebar’s block panel:
    Page Generator Pro: Generate: Dynamic Elements: Related Links: Sidebar

Adding: Page Builders

To add Related Links within any Page Builder that supports a Text Editor widget/module using the Classic Editor (sometimes known as TinyMCE), refer to the Classic Editor instructions above.

Refer to the Dynamic Elements Documentation for details specific to your Page Builder.

If your Page Builder does not provide a Text Editor widget/block that uses the Classic Editor, you can still use Dynamic Elements.  However, you’ll need to manually build the shortcode, inserting it into your Page Builder’s content – for example:

[page-generator-pro-related-links parameter="value" ...]

Parameter Accepted Value Description
group_id integer The Group ID to display Related Links for.  Separate multiple Group IDs with a comma – for example 1,2,3.

If no Group ID is specified, the Group ID that generated the Page will be used.

output_type string (list_links or prev_next) The output type for the links:

  • list_links: Outputs a list of Links
  • list_links_comma: Outputs a list of Links, comma separated
  • prev_next: Outputs previous, next and/or parent Links.
limit integer When Output Type = list_links or list_links_comma: The maximum number of Links to display, linking to other Pages generated in this Group.
columns integer When Output Type = list_links: The number of columns to display Links in.  Any number from 1 to 4 is accepted.
link_title string When Output Type = list_links or list_links_comma: The text to display for the Link.

  • %title% is replaced with the Page’s Title.
  • %parent_title% is replaced with the Parent Page’s Title.
  • %custom_field_name% is replaced with the Page’s Custom Field Value, where the Custom Field Name/Key = name
  • %parent_custom_field_name% is replaced with the Parent Page’s Custom Field Value, where the Custom Field Name/Key = name
  • %distance% is replaced with the calculated distance between the Generated Page and the Related Link Page, in Miles.  The radius parameter must be specified for this to work.
  • %distance_km% is replaced with the calculated distance between the Generated Page and the Related Link Page, in Kilometers.  The radius parameter must be specified for this to work.
link_anchor_title string When Output Type = list_links or list_links_comma: The text to display for the Link’s Anchor Title (<a title="">).

  • %title% is replaced with the Page’s Title.
  • %parent_title% is replaced with the Parent Page’s Title.
  • %custom_field_name% is replaced with the Page’s Custom Field Value, where the Custom Field Name/Key = name
  • %parent_custom_field_name% is replaced with the Parent Page’s Custom Field Value, where the Custom Field Name/Key = name
  • %distance% is replaced with the calculated distance between the Generated Page and the Related Link Page, in Miles.  The radius parameter must be specified for this to work.
  • %distance_km% is replaced with the calculated distance between the Generated Page and the Related Link Page, in Kilometers.  The radius parameter must be specified for this to work.
parent_title string When Output Type = prev_next: The text to display for the Parent Link

  • %title% is replaced with the Parent Page’s Title.
  • %parent_title% is replaced with the Parent Page’s Parent Title (i.e. two levels up from the Page the shortcode is inserted into).
  • %custom_field_name% is replaced with the Parent Page’s Custom Field Value, where the Custom Field Name/Key = name
  • %parent_custom_field_name% is replaced with the Parent Page’s Parent Custom Field Value (i.e. two levels up from the Page the shortcode is inserted into), where the Custom Field Name/Key = name
next_title string When Output Type = prev_next: The text to display for the Next Link

  • %title% is replaced with the Next Page’s Title.
  • %parent_title% is replaced with the Parent Page’s Title.
  • %custom_field_name% is replaced with the Page’s Custom Field Value, where the Custom Field Name/Key = name
  • %parent_custom_field_name% is replaced with the Parent Page’s Custom Field Value, where the Custom Field Name/Key = name
  • %distance% is replaced with the calculated distance between the Generated Page and the Next Link Page.  The radius parameter must be specified for this to work.
  • %distance_km% is replaced with the calculated distance between the Generated Page and the Next Link Page, in Kilometers.  The radius parameter must be specified for this to work.
prev_title string When Output Type = prev_next: The text to display for the Previous Link

  • %title% is replaced with the Previous Page’s Title.
  • %parent_title% is replaced with the Parent Page’s Title.
  • %custom_field_name% is replaced with the Page’s Custom Field Value, where the Custom Field Name/Key = name
  • %parent_custom_field_name% is replaced with the Parent Page’s Custom Field Value, where the Custom Field Name/Key = name
  • %distance% is replaced with the calculated distance between the Generated Page and the Previous Link Page.  The radius parameter must be specified for this to work.
  • %distance_km% is replaced with the calculated distance between the Generated Page and the Previous Link Page, in Kilometers.  The radius parameter must be specified for this to work.
post_type integer The generated Post Type to limit Related Links to.  For example, if you only want to link to Posts generated by this Group, choose the Posts option.
post_status string (publish, draft, scheduled, private) The generated Pages / Posts’ status.  For example, if you only want to link to published Pages generated by this Group, choose the Publish option.
post_parent string, integer Only display Related Links that match the given Post Parent.
post_name string Only display Related Links matching the given Post Name.
author integer (WP_User ID) Only display Related Links to Generated Pages / Posts where the Author matches the given Author ID.
category string, integer One or more comma separated Term Names or IDs.  When specified, only displays links to Generated Content that contains the matching Categories.
post_tag string, integer One or more comma separated Term Names or IDs.  When specified, only displays links to Generated Content that contains the matching Tags.
custom_field_key string When specified, only displays links to Generated Content where the Custom Field Key matches the given value.
For example, to only display links where the location Custom Key matches Birmingham, use custom_field_location="Birmingham"
Multiple Custom Fields can be specified. For example, to only display links where the location Custom Key matches Birmingham, and the service Custom Key matches Web Design, use custom_field_location="Birmingham" custom_field_service="Web Design"
radius decimal Only display links to Generated Content where the Geolocation Data (latitude and longitude) falls within the given Radius.

Both the Content Group displaying this shortcode and the target Content Group(s) specified in the group_id parameter must have Latitude and Longitude values specified in the Content Group’s Geolocation Data section.

orderby string (none, ID, author, title, name, type, date, modified, rand, comment_count, relevance) The data to order the links by
order string (asc, desc) Whether to display the links in ascending or descending order
If you have other registered Taxonomies or Custom Fields, they can be added to the shortcode parameters using their programmatic name as the parameter.
Shortcode not working? Related Links will only be displayed if there are other generated, published Pages in this Group.   Therefore, it won’t display any Related Links when generating content using the Test button / method, or generating content with future publication dates or in draft mode.

Adding: Non-Content Group Pages

You can add Related Links on any Page – it doesn’t have to be a Page Generator Pro Content Group or Generated Page.  For example, you can use this shortcode on your own manually built landing page, if you’d like to list all Generated Pages from a specific Content Group.

As this is outside of Page Generator Pro’s Content Groups, you’ll need to manually build the shortcode, inserting it into your content as necessary.  Refer to the following resources for the syntax to use in building this shortcode:

Configuration: Search Parameters

Page Generator Pro: Generate: Shortcode: Related Links: Search: TinyMCE Modal

  • Groups: Choose a Group, or Groups, to display Related Links for.
  • Post Type: The generated Post Type to limit Related Links to.  For example, if you only want to link to Posts generated by this Group, choose the Posts option.
  • Post Status: The generated Pages / Posts’ status.  For example, if you only want to link to published Pages generated by this Group, choose the Publish option.
  • Post Parent: Only display Related Links that match the given Post Parent.
    • ID: A specified Post / Page ID e.g. 1
    • Slug: A specified Post Slug or Title e.g. birmingham
    • Keyword Slug: A specified Post Slug or Title, using a Keyword e.g. {location(city_name)}
  • Author: Only display Related Links to Generated Pages / Posts where the Author matches the given Author ID
  • Radius: If defined, displays links to Generated Content where the Generated Content’s Geolocation Data (latitude and longitude) fall within the given Radius.
    • Both this Content Group and the target Content Group(s) must have Latitude and Longitude values specified in the Geolocation Data section.

Configuration: Output

Page Generator Pro: Generate: Shortcode: Related Links: Output

  • Output Type: The type of links that you want to output
    • List of Links: Displays a list of Related Links
    • List of Links, Comma Separated: Displays a list of Related Links, comma separated
    • Parent, Next and Previous: Displays a link to the parent Page, next Page and previous Page
  • Order Links By: How to order the Related Links (for example, by Title or Author)
  • Order: The order of the Related Links

When Output Type is set to List of Links, the following options also display:

  • Number of Links: The maximum number of Links to display, linking to other Pages generated in this Group.
  • Number of Columns: The number of columns to display Links in.
  • Link Title: The format of the Link Title to display.
    • %title% is replaced with the Page’s Title.
    • %parent_title% is replaced with the Parent Page’s Title.
    • %custom_field_name% is replaced with the Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %parent_custom_field_name% is replaced with the Parent Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %distance% is replaced with the calculated distance between the Generated Page and the Related Link Page, in Miles.  The Radius parameter must be specified for this to work.
    • %distance_km% is replaced with the calculated distance between the Generated Page and the Related Link Page, in Kilometers.  The Radius parameter must be specified for this to work.
  • Link Anchor Title: The format of the Link’s Anchor Title to display (<a title=””>).
    • %title% is replaced with the Page’s Title.
    • %parent_title% is replaced with the Parent Page’s Title.
    • %custom_field_name% is replaced with the Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %parent_custom_field_name% is replaced with the Parent Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %distance% is replaced with the calculated distance between the Generated Page and the Related Link Page, in Miles.  The Radius parameter must be specified for this to work.
    • %distance_km% is replaced with the calculated distance between the Generated Page and the Related Link Page, in Kilometers.  The Radius parameter must be specified for this to work.
  • Link Description: The format of the Link Description to display.  Leave blank not to display a description.
    • %title% is replaced with the Page’s Title.
    • %parent_title% is replaced with the Parent Page’s Title.
    • %excerpt% is replaced with the Post’s Excerpt.
      • If the Post Type does not support excerpts, this will return no value.
    • %custom_field_name% is replaced with the Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %parent_custom_field_name% is replaced with the Parent Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %distance% is replaced with the calculated distance between the Generated Page and the Related Link Page, in Miles.  The Radius parameter must be specified for this to work.
    • %distance_km% is replaced with the calculated distance between the Generated Page and the Related Link Page, in Kilometers.  The Radius parameter must be specified for this to work.
  • Show Feat. Image: If enabled, displays the Page’s Featured Image, if one is specified.

When Output Type is set to List of Links, Comma Separated, the following options also display:

  • Number of Links: The maximum number of Links to display, linking to other Pages generated in this Group.
  • Link Title: The format of the Link Title to display.
    • %title% is replaced with the Page’s Title.
    • %parent_title% is replaced with the Parent Page’s Title.
    • %custom_field_name% is replaced with the Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %parent_custom_field_name% is replaced with the Parent Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %distance% is replaced with the calculated distance between the Generated Page and the Related Link Page, in Miles.  The Radius parameter must be specified for this to work.
    • %distance_km% is replaced with the calculated distance between the Generated Page and the Related Link Page, in Kilometers.  The Radius parameter must be specified for this to work.
  • Link Anchor Title: The format of the Link’s Anchor Title to display (<a title=””>).
    • %title% is replaced with the Page’s Title.
    • %parent_title% is replaced with the Parent Page’s Title.
    • %custom_field_name% is replaced with the Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %parent_custom_field_name% is replaced with the Parent Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %distance% is replaced with the calculated distance between the Generated Page and the Related Link Page, in Miles.  The Radius parameter must be specified for this to work.
    • %distance_km% is replaced with the calculated distance between the Generated Page and the Related Link Page, in Kilometers.  The Radius parameter must be specified for this to work.

When Output Type is set to Parent, Next and Previous, the following options also display:

  • Parent Link: Title:
    • If specified, a Parent Link will be displayed, if there is a Parent Page.
    • If blank, no Parent Link will be displayed
    • %title% is replaced with the Parent Page’s Title.
    • %parent_title% is replaced with the Parent Page’s Parent Title (i.e. two levels up from the Page the shortcode is inserted into).
    • %custom_field_name% is replaced with the Parent Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %parent_custom_field_name% is replaced with the Parent Page’s Parent Custom Field Value (i.e. two levels up from the Page the shortcode is inserted into), where the Custom Field Name/Key = name
  • Next Link: Title: 
    • The “Next” Page is determined by the Order Links By option.
    • If specified, a Next Page Link will be displayed, if there is a next Page.
    • If blank, no Next Page Link will be displayed.
    • %title% is replaced with the Next Page’s Title.
    • %parent_title% is replaced with the Parent Page’s Title.
    • %custom_field_name% is replaced with the Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %parent_custom_field_name% is replaced with the Parent Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %distance% is replaced with the calculated distance between the Generated Page and the Next Link Page, in Miles.  The Radius parameter must be specified for this to work.
    • %distance_km% is replaced with the calculated distance between the Generated Page and the Next Link Page, in Kilometers.  The Radius parameter must be specified for this to work.
  • Previous Link: Title: 
    • The “Previous” Page is determined by the Order Links By option.
    • If specified, a Previous Page Link will be displayed, if there is a previous Page.
    • If blank, no Previous Page Link will be displayed.
    • %title% is replaced with the Previous Page’s Title.
    • %parent_title% is replaced with the Parent Page’s Title.
    • %custom_field_name% is replaced with the Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %parent_custom_field_name% is replaced with the Parent Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %distance% is replaced with the calculated distance between the Generated Page and the Previous Link Page, in Miles.  The Radius parameter must be specified for this to work.
    • %distance_km% is replaced with the calculated distance between the Generated Page and the Previous Link Page, in Kilometers.  The Radius parameter must be specified for this to work.

Configuration: Taxonomy Conditions

Page Generator Pro: Generate: Shortcode: Related Links: Taxonomies: TinyMCE Modal

The Taxonomies tab optionally only displays links to Generated Content where the Generated Content’s Taxonomies (such as Categories or Tags) match specific Terms.

Refer to the Taxonomies documentation to understand how to specify Taxonomy Terms in your Content Groups.

Click the Add Taxonomy Condition button to add a new condition.

  • Taxonomy: Use the dropdown to choose the Taxonomy to query
  • Term(s): Define one or more comma separated Term Names or IDs.  When specified, links will only display to Generated Content that contains the matching Terms for the given Taxonomy.
    • Keywords can also be used here.

For example, to only display links to Generated Posts that contain the Category web design:

  • Taxonomy: Category
  • Term(s): web design

Any number of conditions can be added, and all conditions must be met for Generated Content to be displayed as a link.

Configuration: Custom Field Conditions

Page Generator Pro: Generate: Shortcode: Related Links: Custom Fields: TinyMCE Modal

The Custom Fields tab optionally displays links to Generated Content where Generated Content’s Custom Fields match specific values.

Refer to the Custom Fields documentation to understand how to specify Custom Field Keys and Values in your Content Groups.

Click the Add Custom Field Condition button to add a new condition.

  • Meta Key: Define the Post Meta / Custom Field Key to check the value of
  • Meta Value: When specified, links will only display to Generated Content where the Custom Field matches the given value.
    • Keywords can also be used here.

For example, to only display links to Generated Posts where the Custom Field location_county_name matches West Midlands:

  • Meta Key: location_county_name
  • Meta Value: West Midlands (or, if you’re using a location keyword, this might be e.g. {location(county_name)}

Any number of conditions can be added, and all conditions must be met for Generated Content to be displayed as a link.

Click Insert to insert the shortcode.

Related Links are useful if you want visitors to continue viewing content that might be relevant to the current content that they are viewing, possibly within a specific Content Group, or belonging to a specific Page Parent.

  • Group: Choose a Group to display Related Links for.
  • Output Type: List of Links
  • Number of Links: The maximum number of Links to display.
  • Link Title: Define the title to use for the Next Link.
    • %title% is replaced with the Related Link Page’s Title.
    • %parent_title% is replaced with the Related Link Parent Page’s Title.
    • %custom_field_name% is replaced with the Related Link Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %parent_custom_field_name% is replaced with the Related Link Parent Page’s Custom Field Value, where the Custom Field Name/Key = name
  • Link Anchor Title: The format of the Link’s Anchor Title to display (<a title=””>).
    • %title% is replaced with the Page’s Title.
    • %parent_title% is replaced with the Parent Page’s Title.
    • %custom_field_name% is replaced with the Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %parent_custom_field_name% is replaced with the Parent Page’s Custom Field Value, where the Custom Field Name/Key = name
    • %distance% is replaced with the calculated distance between the Generated Page and the Related Link Page, in Miles.  The Radius parameter must be specified for this to work.
    • %distance_km% is replaced with the calculated distance between the Generated Page and the Related Link Page, in Kilometers.  The Radius parameter must be specified for this to work.
  • Post Type: The generated Post Type to limit Parent, Next and Previous Links to.  For example, if you only want to link to Posts generated by this Group, choose the Posts option.
  • Post Status: The generated Pages / Posts’ status.  For example, if you only want to link to published Pages generated by this Group, choose the Publish option.
  • Post Parent: Only display Parent, Previous and Next Links for generated Pages that are children of the given Parent.
    • ID: A specified Post / Page ID e.g. 1
    • Slug: A specified Post Slug or Title e.g. birmingham
    • Keyword Slug: A specified Post Slug or Title, using a Keyword e.g. {location(city_name)}
  • Post Name Slug: Only display Related Links that match the given Post Name / Slug.  This is useful if you have a directory structure and want to display other Pages that have the same service, location, name etc. in the list of Related Links.
  • Post Author ID: Only display Parent, Next and Previous Links to Generated Pages / Posts where the Author matches the given Author ID.
  • Categories: One or more comma separated Term Names or IDs.  When specified, only displays Parent, Next and Previous Links to Generated Content that contains the matching Categories.
    • Keywords can also be used here.
    • For example, to only display links to Generated Posts that contain the Category web design, you’d type web design into this field.
  • Tags: One or more comma separated Term Names or IDs.  When specified, only displays Parent, Next and Previous Links to Generated Content that contains the matching Tags.
    • Keywords can also be used here.
    • For example, to only display links to Generated Posts that contain the Tag web design, you’d type web design into this field.
  • Order Links By: How to order the results, to then determine which Pages are Previous and Next Links (for example, by Title or Author)

Previous Page and Next Page Links are useful if you want visitors to be able to navigate through generated Pages in a Group.

What is determined as Previous and Next depends on the Order Links By setting.  For example, if you have three generated Pages titled Birmingham, Manchester and London, and you choose to order links by Title in ascending (A to Z) order:

  • Viewing Birmingham will display a next link to London
  • Viewing London will display a previous link to Birmingham, and a next link to Manchester
  • Viewing Manchester will display a previous link to London

Use the following settings:

  • Group: Choose a Group to display Related Links for.
  • Output Type: Parent, Next and Previous Links
  • Parent Link: Title: Leave blank.  No Page Parent Link will display.
  • Next Link: Title: Define the title to use for the Next Link.  %title% will be replaced by the Next Page’s Title
  • Previous Link: Title: Define the title to use for the Previous Link.  %title% will be replaced by the Previous Page’s Title
  • Post Type: The generated Post Type to limit Parent, Next and Previous Links to.  For example, if you only want to link to Posts generated by this Group, choose the Posts option.
  • Post Status: The generated Pages / Posts’ status.  For example, if you only want to link to published Pages generated by this Group, choose the Publish option.
  • Post Parent: Only display Parent, Previous and Next Links for generated Pages that are children of the given Parent.
    • ID: A specified Post / Page ID e.g. 1
    • Slug: A specified Post Slug or Title e.g. birmingham
    • Keyword Slug: A specified Post Slug or Title, using a Keyword e.g. {location(city_name)}
  • Post Author ID: Only display Parent, Next and Previous Links to Generated Pages / Posts where the Author matches the given Author ID.
  • Categories: One or more comma separated Term Names or IDs.  When specified, only displays Parent, Next and Previous Links to Generated Content that contains the matching Categories.
    • Keywords can also be used here.
    • For example, to only display links to Generated Posts that contain the Category web design, you’d type web design into this field.
  • Tags: One or more comma separated Term Names or IDs.  When specified, only displays Parent, Next and Previous Links to Generated Content that contains the matching Tags.
    • Keywords can also be used here.
    • For example, to only display links to Generated Posts that contain the Tag web design, you’d type web design into this field.
  • Order Links By: How to order the results, to then determine which Pages are Previous and Next Links (for example, by Title or Author)
Shortcode not working? Parent, Next and Previous Links will only be displayed if there is a Parent, Next and/or Previous generated Page available.   Therefore, it won’t display any links when generating content using the Test button / method.

A Parent Link is useful if you want visitors to be able to navigate through multiple levels of generated Pages.  For example, you might have a City > Service hierarchy, and want visitors viewing any Service Page for a given City to be able to navigate back up to the City Page.

Use the following settings (in our example, we’d add this on the Service Content Group):

  • Group: Choose a Group to display Related Links for (in our example, this would be our Service Content Group).
  • Output Type: Parent, Next and Previous Links
  • Parent Link: Title: Define the title to use for the Parent Link.  %title% will be replaced by the Parent Page’s Title
  • Next Link: Title: Leave blank
  • Previous Link: Title: Leave blank

Related Links within a Radius are useful if you want to display nearby, related generated content – for example, nearby City Pages within 5 miles of the Page the visitor is viewing.

  • Group: Choose a Group to display Related Links for.
  • Output Type: List of Links
  • Number of Links: 0
    • This allows the Radius setting to work to full effect, returning all Related Links
  • Link Title: Define the title to use for each Link.
    • %title% is replaced with the Related Link Page’s Title.
    • %distance% is replaced with the calculated distance between the current Page and the Related Link Page, in Miles
  • Order Links By: Distance
  • Order: Ascending
    • This will display Related Links nearest to the current Page first
  • Radius: Enter the number of miles.  Related Links falling within this radius will be displayed.

Examples: Further Examples

Refer to the Building a Directory Tutorial for further examples of both Related Links and Parent, Previous and Next Link shortcode configurations.

Tutorial: Building a Directory

Common Issues

Number of Columns Setting Not Working

Page Generator Pro will only output the CSS required for column display when the Related Links Dynamic Element is detected. However, this detection might not be possible if the element is used within a Page Builder.

This is deliberate and by design, to ensure that unnecessary CSS is not loaded site wide.

To resolve:

  • Copy the contents of the Plugin’s assets/css/frontend.css file
  • Navigate to WordPress Admin > Appearance > Customize
    Page Generator Pro: Appearance: Customize
  • Click Additional CSS
    Page Generator Pro: Appearance: Customize: Additional CSS
  • Paste in the contents of the Plugin’s assets/css/frontend.css file
    Page Generator Pro: Appearance: Customize: Pasted CSS
  • If a CSS Prefix is defined at Settings > General, you’ll need to replace page-generator-pro with said CSS Prefix in the Additional CSS.  For example, if your CSS Prefix is my-custom-site, you’ll replace page-generator-pro with my-custom-site
  • Click the Publish button
    Page Generator Pro: Appearance: Customize: Publish

Should this not resolve, you would need to work with your Theme provider to ensure that applicable CSS does not override that provided by Page Generator Pro.