How to change Logo in G5Theme

This guide is used for these theme: WOLVERINE, HANDMADE, MEGATRON, ACADEMIA, PITHREE, ORSON

1. LOGO for entire your website

If you want to setup a logo that affect to entire your website. Go to Theme Options →  Logo Setting . This tab contains all options for setting Logo that appears entire website.

Logo Settings in Theme Options (Ex: ORSON)

2. Custom LOGO for a page or post

If you want to customize a logo that will be used for a page/post only please use Logo settings in Page Options.

This option is used for setting custom Logo in your page. It will overwrite Logo settings in Theme Options. (In Page Options, any option is set to be “Default” which means they will take on the global options set in Theme Options.

Meta Options Logo

Logo settings in Page Options (Ex: ORSON)

You can set the following Logo Options for the Page you are currently editing:

Attribute Description
Logo Desktop
Header Logo Upload header logo if you want custom header logo for this page.
Header Logo Retina Upload Header Logo Retina for retina if you want custom Header Logo Retina for this page
Sticky Logo Upload logo sticky if you want custom logo for this page.
Sticky Logo Retina Upload logo sticky for retina if you want custom logo retina for this page
Logo max height Set max height for logo, if leave empty will take value in Theme Options
Logo padding Set padding for logo, if leave empty will take value in Theme Options
Logo Mobile
Mobile Logo Upload logo if you want custom logo mobile for this page.
Mobile Logo Retina Upload logo mobile for retina if you want custom logo retina for this page
Mobile Logo Max Height Set max height for logo mobile, if leave empty will take value in Theme Options
Mobile Logo Padding Set padding top/bottom for logo, if leave empty will take value in Theme Options

 

This guide is used for these theme: RICA, MOWASALAT, ARVO, MoveCo, ORION, BEYOT, ORGANIZ, StartUp, EMO, APRIL, RUBY BUILD, OARS, ACHILLES

1. LOGO for entire your website

If you want to setup a logo that affect to entire your website. Go to Theme Options →  Logo Setting . This tab contains all options for setting how logo display on page (pls read carefully infomation below each option for more details).

Theme Options Logo

Logo Settings in Theme Options (Ex: APRIL theme)

Description of Logo Options

Attribute Description
Logo Desktop
Logo Upload header logo if you want custom header logo for page used this preset.
Logo Retina Upload Header Logo Retina for retina if you want custom Header Logo Retina for page used this preset
Sticky Logo Upload logo sticky if you want custom logo for page used preset.
Sticky Logo Retina Upload logo sticky for retina if you want custom logo retina for page used this preset
Logo max height Set max height for logo, if leave empty will take value in Theme Options
Logo padding Set padding for logo, if leave empty will take value in Theme Options
Logo Mobile
Logo Upload logo if you want custom logo mobile for page used this preset.
Logo Retina Upload logo mobile for retina if you want custom logo retina for page used this preset
Mobile Logo Max Height Set max height for logo mobile, if leave empty will take value in Theme Options
Mobile Logo Padding Set padding top/bottom for logo, if leave empty will take value in Theme Options

2. Custom LOGO for some pages or posts

If you want to setup a logo that affect to some pages or posts. Go to Preset  →  Logo .

Logo panel has all options for you to setting how logo display on pages that are applied this preset. It will overwrite Logo settings in Theme Options. Any option is set to “Default” which means they will take on the global options set in Theme Options

Meta Options Logo

Logo settings in Preset (Ex: APRIL theme)

When you create a new page/post or edit a page/post, you can choose a preset from drop-down list then apply the preset to the page/post. All settings in the preset will be applied for this page/post and override settings in Theme Options. You can also Edit or Add New Preset by click on buttons next to drop-down list.

 

From a page that has been applied a Preset on the frontend, you can edit the Preset by clicking to Edit Preset button

NOTE: Preset and Page Settings will use the Theme Options value if left empty or if the value is default. They will override Theme Options if any other value is entered. This setup gives users maximum flexibility for setting a global theme option, then being able to override it on a page/post/shortcode basis. You can consult our guide on How to use Preset for more informations.

This guide is used for almost sittuations when you want to change Logo properly on your website, however in some cases you need to specify where your logo that you want to customize located.

Example: If you are using April theme and you want to change logo in the footer, following these steps as below:

https://prnt.sc/hakxqg     https://prnt.sc/hakxz4   https://prnt.sc/hakyec  →  https://prnt.sc/hakyui  → All done!

We highly encourage you to explore the theme options and experimentwith what all the available options can do.

If you have any troubles configuring your website applications with the above settings you can contact the G5Theme Support Team by signing up and submit a new topic. G5Them Support Team will be glad to assist you.

How To Use Preset

These video guides will explain How the Preset work and How to use Preset properly on your website (example on MOWASALAT theme, it is similar to other G5Theme items which has been used Preset)

Note:  Preset is not applied for these items: ORSON, PITHREE, PORTON, HEARTSTONE, ACADEMIA, MEGATRON, HANDMADE, WOLVERINE, DARNA, INNOVATION, GROVE, ZORKA, CUPID.

You could consult our guide on How G5Theme Options work for more details about the relationship between Theme Options, Preset and Page Options and How to use them to create your website.

Preset are Page Options that were set beforehand to facilitate use, it will override settings in Theme Options on all pages applyed it.

How to Add New Preset and Apply Preset to a Page/Post

Add a new Preset by accessing to Preset panel in G5Theme options, click on Add New button and follow these steps as below:

Add new Preset

preset-pageoptions

Apply Preset to Page Options

How to apply Preset to Theme Options

Access to Theme Options, select the Preset you want to apply to Theme Options then press “Load Preset” button to get all values from the Preset settings to similar options in Theme Options.
Apply a Preset to Theme Options does not only affect to an option but also all options in Theme Options.

Note: Once you choose a Preset and press Load Preset button, it will get all current values in this Preset and apply to options that corresponds in Theme Options (it means that if you change any option in this Preset later will not affect to Theme Options).

 

preset-theme-options3

If you have any troubles configuring your website applications with the above settings you can contact the G5Theme Support team by signing up and submit a new topic. G5Them Support Team will be glad to assist you.

Thank you for choosing G5Theme!!

How G5Theme Options Work

In this article, we will show you the relationship between Theme Options, Preset and Page Options and How to use them to create your website.

These Options are the backbone of these themes: ORION, MOVECO, MOWASALAT, RICA, ARVO .They give you full control over your website and allow you to customize the design without touching a single line of code.

There are 3 major groups of options you can set in our themes: Theme Options, Preset, Page Settings

Page Options: Located within each page and post. Page Options will only affect the individual page you change them on and overrides options set in the Theme Options.

Preset are Page Options that were set beforhand to facilitate use, and overrides options set in the Theme Options.

Theme Options : Located in WP Dashboard > G5Theme > Theme Options these options are global options that affect your entire website.

Click here to watch the Video guide (Mowasalat was used for example in this video)

NOTE: Preset and Page Options will use the Theme Options value if left empty or if the value is default. They will override Theme Options if any other value is entered. This setup gives users maximum flexibility for setting a global theme option, then being able to override it on a page/post/shortcode basis. Please see below for an example of an option that has both a theme option and a preset.

– Theme Options & Preset –

If you choose default for a page option, it will use the selection you have made in Theme Options. Select a different value to override the theme option.

Theme Options

Below is a screenshot of the Top Bar section in Theme Options. The  Show/Hide Top Bar option is set to Show, which means your Top bar will be displayed on all the pages throughout your site, unless otherwise specified in Preset

preset-theme-options

Preset

Below is a screenshot of the Top Bar section in Page Options. The  Show/Hide Top Bar option is set to Hide, which means on any page apply this preset, you are overriding the same global theme option and your Top Bar will be not display.

preset-theme-options2

– Preset & Page Options – 

If you choose default value in Page Options, it will use the selection you have made in Preset or Theme Options. Insert a different value to override the Preset or Theme Option value.

Preset

Below is a screenshot of the Page Title section in Preset. The Show/Hide Page Title option is set to Off, thereby on any page apply this preset will be not display Page Title unless the corresponding option in Page Options is set other value.

preset-page-option

Page Options

Below is a screenshot of the Page Title section in Page Options. The Show/Hide Page Title option is set to Default, which means that it will use the value you have set in Preset (if this page apply any Preset) or Theme Options. Insert a different value to override the Preset/ Theme Option value.

preset-page-option2

If you have any troubles configuring your website applications with the above settings you can contact the G5Theme Support Team by signing up and submit a new topic. G5Them Support Team will be glad to assist you.