• Home
  • Features
  • Download
  • Documentation

Getting Started

4
  • Installing Flexia Theme
  • Installing Flexia Core
  • Installing Flexia Pro
  • How To Translate Flexia Theme With WPML

Customize Flexia

10
  • Set site logo and icons
  • Setting up Home and Blog pages
  • Design Settings
  • How To Change Typography
  • Header Settings
  • Blog Settings
  • Menu Settings
  • How To Configure Flexia Theme Widgets Settings?
  • Call to Action
  • Multiple Page Templates

How To

9
  • How To Set Transparent Header
  • How To Set Sticky Header
  • How To Set Transparent And Sticky Headers Together
  • How To Set Stacked Logobar And Navbar
  • HOW TO ENABLE HEADER WIDGETS
  • How To Enable Footer Content
  • How To Change Page Title Style
  • How To Change Post Title Style
  • HOW TO HIDE PAGE TITLE FOR A PAGE/POST

Page/Post Settings

4
  • Page Settings
  • Posts Settings
  • Call to Action
  • Multiple Page Templates

Flexia Pro

1
  • HOW TO SET UP ADVANCED BLOG PAGE IN FLEXIA

Flexia Pro Modules

2
  • How To Activate Preloader In Flexia Theme
  • How To Enable Under Maintenance Modules In Flexia

Troubleshooting

2
  • I can’t see Page/Post Settings under editor
  • I can’t see Custom JavaScript option

Video Walkthrough

4
  • Setting up Header
  • Setting up Layout
  • Setting up Footer
  • Setting up Blog

Custom Codes

3
  • Adding Custom JavaScripts
  • Adding Google Analytics Code
  • Adding Custom CSS
View Categories
  • Home
  • Docs
  • Customize Flexia
  • Design Settings

Design Settings

1 min read

Flexia offers flexible customization options and design settings, so you can design your page layouts, from headers, footers, and background images, and customize them as necessary. Follow this guide to learn how to customize design settings on Flexia.

Step 1: Go To The Design Tab On Flexia #

To customize design settings on Flexia, open the ‘Design’ tab from Flexia’s ‘Header’ tab. Go to Appearance → Customize from your WordPress dashboard and choose the ‘Design’ tab.

[Note: You must install and activate the Flexia theme on your WordPress website before customizing design settings.]

design settings

Step 2: Customize Page Settings #

Go to ‘Page Settings’ to customize your header, breadcrumb, title, and more as needed. You can choose to enable or disable the header or breadcrumb. Additionally, you can change the Size and Color of the page title and add gradient colors and Background Images.

design settings

Step 3: Customize Default Colors #

On the Default Colors tab, you can make changes to different colors on the page, including the texts, titles, and backgrounds. You can also change the colors of the Page/Post content background for specific page selections. Plus, there is an option to change the sidebar widget background as well.

design settings

Step 3: Customize Overaly Search #

If you enable overlay search, you can choose to customize the ‘Overlay Search’ menu with multiple color options. Additionally, you can customize the search field and close button options.

design settings

Final Outcome #

Once you are done with all the customization options, hit the publish button. Now preview your customized page to see how it looks.

design settings

That’s how easily you can customize design settings on Flexia.

For any difficulties, feel free to contact our dedicated support team.

Updated on April 26, 2023

What are your Feelings

  • Happy
  • Normal
  • Sad
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
Setting up Home and Blog pagesHow To Change Typography

Powered by BetterDocs

Table of Contents
  • Step 1: Go To The Design Tab On Flexia
  • Step 2: Customize Page Settings
  • Step 3: Customize Default Colors
  • Step 3: Customize Overaly Search
  • Final Outcome
  • Changelog
  • Support
  • Child Theme
© Flexia 2025. All right reserved by Codetic.
cross