Post Content

Estimated reading: 2 minutes 17 views

The Post Content widget from the Topper Pack plugin allows you to dynamically display and style the full content or excerpt of your blog post, custom post type (CPT), or page. This is especially useful for single-post templates in the Topper Theme Builder.

πŸš€ How to Enable the Post Content Widget

To start using the Image Widget, follow these steps:

  1. Navigate to your WordPress dashboard.
  2. Go toΒ Topper Pack β†’ Widgets.
  3. Locate the Post Content widget from the list.
  4. Toggle the switch to β€œOn” to enable it.
  5. The widget is now available in the Elementor editor.

1. Add the Widget

  • Search for “Post Content” in the Elementor widget panel.
  • Drag and drop it onto your single post or CPT template.

2. Choose Content Type

In the Content Tab:

  • Post Content Type:
    • Content – Displays the full post content.
    • Excerpt – Shows only the excerpt (summary) of the post.

This option helps tailor whether to show a preview or full article depending on your layout.

🎨 Style Options

Navigate to the Style Tab to customize the look and feel of the content.

πŸ”Ή Content Style

  • Content Color – Set the color for the main text.
  • Typography – Choose font, size, weight, and more.
  • Link Color / Hover Color – Define color for links and hover effects.
  • Alignment – Align the entire content left, center, or right.
  • Paragraph Margin / Padding – Adjust spacing around paragraphs.

πŸ”  Advanced Typography Controls

Each content section comes with its own sub-style controls for deep customization:

πŸ”Ή Heading Style

Customize H1–H6 headings with:

  • Font styles
  • Colors
  • Margins and spacing and more

πŸ”Ή List Style

Control bullet and numbered lists:

  • Icon size and color
  • Spacing and typography, and more

πŸ”Ή Link Style

Individually style links inside the content:

  • Normal and hover states
  • Underline, bold, and more.

πŸ”Ή Table Style

Format tables used inside your post content:

  • Border, background, and font control
  • Responsive spacing and more

πŸ”Ή Blockquote Style

Perfect for highlighting quotes:

  • Border and background color
  • Typography, padding, and margin and more

πŸ’‘ Pro Tip

Use a dummy content post (as shown in the preview) to see all available formatting styles like headings, lists, links, blockquotes, and tables, making it easier to style each element properly.

πŸ“Œ When to Use

  • Single post templates
  • Custom post type templates
  • Pages where you want dynamic body content from the WordPress editor

Leave A Comment

All fields marked with an asterisk (*) are required