1. Home
  2. Docs
  3. Purplous
  4. Customizing Theme
  5. Customizing Theme Options

Customizing Theme Options

Purplous embraces WordPress’ Customizer API which facilitates extremely easy customization of the site. Just navigate to Appearance > Customize in your WordPress dashboard, and there you can find all the customization options. The first section is “Theme Options”.

THEME OPTIONS

Under theme options, there are various sub-options, which are listed below:

  • General options
  • Header options
  • Social options
  • Featured banner options
  • Home about option
  • Call out options
  • Product options
  • Call To Action options
  • Portfolio options
  • Team options
  • Testimonial options
  • Client options
  • Footer options
  • Custom CSS
  • Contact options
  • Typography
  • Sortable options

General options

This option lets you choose the layout of your site to be it full width or boxed. Furthermore, you can also change sidebar position in other pages like single, archive, author, blog etc.

Header options

This option lets you choose the type of menu you want, center or slider (hamburger) menu.

Featured Banner Options

There are two main options in banner option.

  • The first option is used to select the type of banner needed and the cover banner option can be used in order to cover the selected banner over the top menu.
  • For the ‘slider banner image’, custom post slider is used to add the images and required fields for the slider. For the ‘single image banner’, the fields required to display the image, title, description, button text and button link are seen after selecting a single image banner in the customizer.
  • ‘Banner with video on background’ is same as single image only instead of image field we must add a video file.

Social Options

This option is used in the top header. Inside this option, you can add a Phone number, Email id, links for Facebook, Twitter, Linkedin, Google Plus, YouTube, Instagram, Tumblr, and Pinterest.

Home About Options

This option allows you to choose a page which gets featured below the slider in homepage. Gallery images or video or image will get featured in this section.

Call Out Options 

Same as ‘Team Options’ the title can be changed by adding text to ‘Block title for homepage’ textbox.

  • The number of posts to be viewed must be added in Callout post type.
  • The number of posts shown can be changed by adding the number you want to be shown,-1 shows all the posts.
  • Background image and color of the callout section can be changed by selecting the desired image and color.
  • Parallax checkbox gives parallax effect to the background image on the scroll.
  • The ‘Tabbed’ option consists of two option if ‘yes’ is selected then tabbed layout is selected but if no is selected than four additional layouts can be selected with the option to choose three or four columns.

Product Options

This option lets you add title, description, number of products to be shown, background image, background color and parallax effect of this section in homepage.

Call to Action

 Basically, we have two layouts for call to action,

  • Button on bottom with full-width text and
  • Button on right with text on the left side.
  • You can either add an image or a video by choosing the background.
  • The title, description, button text and button link are the same for all layouts.
  • If you choose an image as background then we can use the parallax effect option in the image.
  • The background color can be changed by selecting the background color.
  • If the background image is selected then the color won’t be seen. For both the color and the image to be seen you can use the transparency bar in the color picker.

Portfolio Options 

  • The title can be changed by adding text to ‘Block title for homepage’ textbox.
  • The number of posts shown can be changed by adding the number you want to be shown,-1 shows all the posts.
  • Background image and color of the callout section can be changed by selecting the desired image and color.
  • Parallax checkbox gives parallax effect to the background image on the scroll.
  • Selecting ‘yes’ in the add padding option adds space in between the portfolio posts and selecting ‘no’ removes the space between the post.
  • The posts can be viewed in two, three or four columns as selected from the column option.
  • In the filter option choosing ‘filtered’ gives us the filtered layout in which we can filter the output.

Choosing ‘without filter’ gives you more 6 layouts which are not filterable

Team Options 

  • The Team Options title can be changed by adding text to ‘Block title for homepage’ textbox.
  • The posts to be viewed must be added in Team post type.
  • The number of posts shown can be changed by adding the number you want to be shown,-1 shows all the posts.
  • Background image and color of the team section can be changed by selecting the desired image and color.
  • Parallax checkbox gives parallax effect to the background image on the scroll.
  • There are five different layouts on the team, all the layouts have four column.

Testimonial Options 

  • The title can be changed by adding text to ‘Block title’ textbox.
  • The number of posts to be shown in front end must be added in Testimonial post type.
  • The number of posts shown can be changed by adding the number you want to be shown,-1 shows all the posts.
  • Background image and color of the callout section can be changed by selecting the desired image and color.
  • Parallax checkbox gives parallax effect to the background image on a scroll.
  • The number of items to be displayed in the slider can be changed from column section. It consists of two options 2 or 3.
  • There are three layouts which can be used in the testimonial.

Client Options

Client option uses client custom post to display the client’s image.

  • The block title can be changed from block title text box
  • The number of posts to be displayed can be added to the number of post text box.
  • Background image and color of the callout section can be changed by selecting the desired image and color.
  • Parallax checkbox gives parallax effect to the background image on a scroll.
  • The posts can be displayed in the slider or the slider can be deactivated from the slide option.
  • There are two effects for this section ‘On Hover Gray Scale’ and ‘On Hover Color Scale’, the first one changes the color to gray on hover in the image and the latter option changes gray to colorful on hover in the image.

Footer/ Pre-footer Options          

  • Show/hide pre-footer by checking/unchecking ‘Show Pre-footer’ checkbox option
  • Choose a number of widget columns to be displayed in pre-footer. This option applies only if ‘Show Pre-footer’ is checked
  • Footer Options
  • Only text options show Footer text, Developed by text and Developed by a link on center of the footer
  • Only menu option shows the footer menu on the center of the menu
  • Both text and menu options show texts on the left-hand side and footer menu on the right-hand side of the footer

Custom CSS                                  

You can add your own CSS in the theme just by adding CSS in this field.

Contact Options

This option lets you add contact details of you or your company like google map, address, phone number, email address, website URL etc. The fields you fill in this section will be displayed in contact widget in the frontend.

Typography

This option lets you choose your favorite font style and font color to titles, headings, paragraph, navigation, and widget title.

Sortable Option      

  • This option consists of all the movable section with show/hide option on checking the checkbox.
  • Unselecting the checkbox hides the related section and selecting shows the related section/fields inside ‘Sorting option’ can be dragged by dragging the right side handle to top or bottom.
  • This will only be applicable for the home page.

Colors

Colors option lets you choose theme color, gradients color, and header text color. Theme color changes the color of the theme. Gradients color change gradients of the banner section, home about section and call to action section. Header text color changes the color of site title.

Header Image

This section allows you to add different header images for other pages.

Was this article helpful to you? Yes No

How can we help?