10Web Help Center

Hi, how can we help?

Post/Page Title Widget

Copy article URL

in this article

Post/page title widget in 10Web Builder dynamically retrieves and displays the title of your page/post from the WordPress editor. While you can only change or delete the Post/page title in the 10Web Builder Site Identity settings or WordPress Customizer, this widget allows you to customize its appearance. You can modify the font size, font family, color, alignment, letter spacing, text shadow, background color or image, padding, margin, and more.

Additional use cases

  • Event Management: Showcase event titles with consistent styling.
  • Online Learning: Present course titles with uniform formatting.
  • Business Websites: Highlight service titles with customized typography.

Adding Post/page title widget

  1. Locate the Post/page title widget in the widget panel.
  2. Drag and drop the widget onto the page.
  3. In the Content tab, the Title field will automatically fetch and display your Post/page title from the 10Web Builder Site Identity settings or WordPress Customizer. The title you have set for your page in the WordPress editor will appear here.

Content tab

  • Title: The title is automatically retrieved from the page's settings in WordPress.
  • Link: Use the toggle to make your page title clickable and vice versa. Click the ⚙️ to:

Set the link to either Open in a new window or to Add nofollow to the link.
Custom attributes: Use the Custom Attributes option to assign custom attributes to the link element. Use the | (pipe) for key-value separation and commas to separate pairs.

  • HTML Tag: Choose the HTML tag used for the page title text. You can choose from H1 to H6 (heading tags), Div, Span, or Paragraph.

Style tab

  • Alignment: Determines how the page title text is aligned within its container. Options included are left, right, center, or justified alignment.
  • Text Color: Choose the color of the Page/ Post title text.
  • Typography: Adjust typography options such as font family, weight, style, and size for the page title text.
  • Text Stroke: Click the ✏️ icon to apply a stroke effect to the page title.
  • Text Shadow: Click the ✏️ icon to add a shadow to the page title.
  • Blend Mode: Apply layer blending effects to the page title text, such as Normal, Multiply, Screen, Overlay, etc.

Advanced tab

You can customize the widget further using the settings available in the Advanced tab. These options provide additional styling and functionality adjustments, allowing you to tailor the widget to better fit your design needs.

in this article