Page Title

Estimated reading: 2 minutes 191 views

The Page Title Settings tab allows you to control the appearance and behavior of the page title section on single portfolio pages. You can enable or disable the title area, manage breadcrumbs, adjust alignment, and fully customize styling options such as background, colors, and spacing.

1. Page Title

Enable or disable the page title section on single portfolio pages.

 

  • Enable: Displays the page title area at the top of the portfolio item.
  • Disable: Hides the entire page title section.

2. Breadcrumb

Control whether breadcrumbs appear inside the portfolio page title section.

 

  • Enabled: Displays breadcrumb navigation (e.g., Home → Portfolio → Project Name).
  • Disabled: Hides breadcrumbs.

Breadcrumbs improve navigation and help users understand their current location within your site structure.

3. Page Title Alignment

Select how the page title text should be aligned.
  • Left Align
  • Center Align
  • Right Align
Default: Center Align

4. Page Title Padding

Adjust the spacing (in pixels) inside the page title section.

 

  • Controls top, right, bottom, and left padding.
  • Helps create more breathing space around the title content.

Increasing padding creates a taller hero-style header, while smaller padding results in a compact layout.

5. Page Title Background

Customize the background of the page title section.

 

  • Choose a background color.
  • Upload a background image.
  • Set background position, repeat, and size options.

Using a background image can create a strong visual impact for portfolio presentations.

6. Page Title Overlay Color

Apply an overlay color on top of the page title background.

 

  • Supports transparency (RGBA).
  • Improves text readability over background images.

This is especially useful when using bright or detailed background images.

7. Page Title Text Color

Choose the text color for the page title.

 

  • Default: #333333
  • Does not support transparency.

Ensure strong contrast between text and background for better accessibility.

8. Breadcrumb Color

Customize the color of breadcrumb text inside the page title section.  
  • Default: #333333
  • Does not support transparency.
Match this color with your theme branding or ensure it complements the title color.
Recommended Setup:
  • Keep Page Title enabled for better visual structure.
  • Enable Breadcrumbs for improved navigation.
  • Use background images with a subtle overlay for a modern hero-style header.
  • Maintain proper contrast between background and text colors for readability.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share this Doc

Page Title

Or copy link

CONTENTS

Powered By EazyDocs