# Theme Options

From the Theme options, you will have more customization options for the following elements of your website. Go to Theme\_Name > Theme Options

<figure><img src="/files/4PxIGJLaUPbIo6Z73voI" alt=""><figcaption></figcaption></figure>

**Here is an Overview of All theme options**

## Preloader

From the Preloader section, you can determine what the website shows as it loads the content of your website. You can customize the Preloader settings in the following ways:&#x20;

Here you can change the preloader object color & background

<figure><img src="/files/wGWjcfsJNTc1AJJFab9d" alt=""><figcaption></figcaption></figure>

## Header

Here you can enable or disable the default theme header. If you using [Theme Builder](/docs/template-builder.md) for creating a custom header you should disable the default theme header.

{% hint style="info" %}
Learn About Template Builder [Here](/docs/template-builder.md)
{% endhint %}

There are plenty of options to choose from, so feel free to experiment. Below are the most common settings for setting up the header:

<figure><img src="/files/5YYqVpmsyo4gw1kbL7mO" alt=""><figcaption></figcaption></figure>

**General:** Basic Header options

**Logo:** Upload your default site logos&#x20;

**Styling:** Style the default header form here. You can customize the header menu style, submenu style, and typography form here

## Page Title

Navigate to the Page Title from the Theme option. Here you can enable or disable the page title area and Breadcrumb

Customize page title area (Enable/Disable, Background, Color, Typography, etc).

<figure><img src="/files/AREM7RAoFVLKjhYCRAdh" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
You can customize specific page title style form the page option area
{% endhint %}

## Footer

Here you can enable or disable the default theme footer. If you using [Theme Builder](/docs/template-builder.md) for creating a custom footer you should disable the default theme footer.

{% hint style="info" %}
Learn About Template Builder [Here](/docs/template-builder.md)
{% endhint %}

If you use the default theme footer, Go to Appearance > Widget and add Add widgets to Footer widgets area.

Now you can customize the default footer how you like.

<figure><img src="/files/30caOkUSdF33WcabKv37" alt=""><figcaption></figcaption></figure>

## Blog

#### Blog / Archive Style <a href="#blog-archive-style" id="blog-archive-style"></a>

These settings affect the blog page and all blog archive pages (category, date, author, tag).

Here you can customize Blog Archive Layout, Post view, etc.

<figure><img src="/files/kF3cwCCTN2PpXHaXUrZC" alt=""><figcaption></figcaption></figure>

**Blog Single**

<figure><img src="/files/00j3rv6lknPpdA1fACRM" alt=""><figcaption></figcaption></figure>

Customize Blog single layout. Here you can generate Blog single layout, customize post meta, post navigation, Related Tags, Social Media Sharing, Author Information, etc.&#x20;

## Color Scheme

We use some color schemes for making this beautiful theme. You change those colors from here as you like.

<figure><img src="/files/VFHTXrCaHpqIv7NO1ryK" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
N.B: For changing Eementor widgets color, you can change from Elementor widget panel.
{% endhint %}

## Typography

Here you will get the functionality to change the Body, Heading typography. Typography for individual sections can be found with those sections individually. You can select Font Family, Size, Alignment, and Color from this section.

<figure><img src="/files/CzIAgHY96rOTf2LqLiEG" alt=""><figcaption></figcaption></figure>

## Custom Scripts

Here can add custom scripts(js code). Must Be typed without script tag and valid code

<figure><img src="/files/QNhf9pHI7vzQSNMC4irh" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
You Can add also custom CSS in Appearance > Customize > Additional CSS
{% endhint %}

## Backup

From these options, you can download the backup of the theme settings and also import previously saved theme settings.

<figure><img src="/files/AvqRrXQWANKNcRsGSxjl" alt=""><figcaption></figcaption></figure>

Paste the backup JSON code to blank and Click Import to Import Theme options

Click Export & Download (Download Json); to download Theme options backup.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://webtend-support.gitbook.io/docs/theme-options.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.