logo – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Sat, 28 Sep 2024 12:48:41 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 How to Change the Website Logo for Different Languages in WordPress? https://xtratheme.com/docs/how-to/how-to-change-the-website-logo-for-different-languages-in-wordpress/ https://xtratheme.com/docs/how-to/how-to-change-the-website-logo-for-different-languages-in-wordpress/#respond Tue, 24 Sep 2024 07:12:08 +0000 https://xtratheme.com/docs/?p=4424

Set a Different Logo for Multiple Languages

Step 1
Xtra
To change the logo for different languages in a WordPress website, you can follow these steps. This method assumes you’re using a multilingual plugin like WPML or Polylang, which allows you to manage different language content, including the logo.
To set separate logos for different languages, string translation is required.

WPML Plugin

  1. Go to WPML > String Translation page.
  2. Scroll down and click on the Translate texts in admin screens > link at the bottom of the page.
  3. Search for the site_logo as you can see in the attached screenshot.
  4. Select the string.
  5. Click on the Add to String Translation button.
  6.  Then click on “« Return to String Translation” link
  7. Add the translated logo ID as translation, you may get the logo ID from

The screenshot below is an example of translating strings in the WPML plugin.

Wpml string translation plus icon

Plylang Plugin

  1. Go to Languages > String Translations in the WordPress dashboard. This page lists all the strings (texts) that you can translate for your site, such as the site title, widgets, menus, and plugin texts.
  2. Use the search box to find the specific string you want to translate.
  3. Polylang automatically detects many site strings (including themes and plugins) and displays them in the table.
  4. Once you find the string, click on the input fields next to the language you want to translate.
  5. Enter your translation for each language.
  6. Click on the Save button.

The screenshot below is an example of translating strings in the Polylang plugin.

Translations table
]]>
https://xtratheme.com/docs/how-to/how-to-change-the-website-logo-for-different-languages-in-wordpress/feed/ 0
How to Easily Change the WordPress Login Page Logo? https://xtratheme.com/docs/how-to/how-to-easily-change-the-wordpress-login-page-logo/ https://xtratheme.com/docs/how-to/how-to-easily-change-the-wordpress-login-page-logo/#respond Sat, 07 Sep 2024 06:22:50 +0000 https://xtratheme.com/docs/?p=4056

Description and Screenshot

Step 1
XTRA

Changing Login Logo

These plugins simplify the process of customizing your WordPress login page logo.

1. LoginPress – Custom Login Page Customizer

This plugin allows you to customize the WordPress login page, including changing the logo, background, and styling.

It’s easy to use, with a live customizer.

2. Custom Login Page Customizer

Another great plugin that allows you to change the login logo and customize the entire login page using a visual editor.

3. White Label CMS

This plugin offers more control over the entire WordPress admin area and lets you easily change the login logo.



By using one of these plugins, you can change the logo without needing to modify any code directly.

]]>
https://xtratheme.com/docs/how-to/how-to-easily-change-the-wordpress-login-page-logo/feed/ 0
How to Easily Change Header Logo Size and Spacing on Mobile Devices? https://xtratheme.com/docs/how-to/how-to-easily-change-header-logo-size-and-spacing-on-mobile-devices/ https://xtratheme.com/docs/how-to/how-to-easily-change-header-logo-size-and-spacing-on-mobile-devices/#respond Sun, 01 Sep 2024 12:01:42 +0000 https://xtratheme.com/docs/?p=3903

Description and Screenshot

Step 1
XTRA

Changing the logo size and margins in the mobile header

Here, we want to show how to resize the logo in the mobile header and adjust the margin from all sides.



  1. Go to the Theme Options > Header.
  2. Go to the Mobile Header where the logo is located.
  3. Change the size in this field.
  4. Adjust the margins here.



Header mob
]]>
https://xtratheme.com/docs/how-to/how-to-easily-change-header-logo-size-and-spacing-on-mobile-devices/feed/ 0
How to Change Header Logo Size and Spacing? https://xtratheme.com/docs/how-to/how-to-change-header-logo-size-and-space/ https://xtratheme.com/docs/how-to/how-to-change-header-logo-size-and-space/#respond Sun, 01 Sep 2024 11:35:42 +0000 https://xtratheme.com/docs/?p=3896

Description and Screenshot

Step 1
XTRA

Changing the logo size and margins in the header

Here, we want to show how to resize the logo in the header and adjust the margin from all sides.



  1. Go to Theme Options > Header.
  2. Select a header where the logo is located.
  3. Change the size in this field.
  4. Adjust the margins here.



Logo
]]>
https://xtratheme.com/docs/how-to/how-to-change-header-logo-size-and-space/feed/ 0
How to Change the Website Logo on Individual Pages or Posts? https://xtratheme.com/docs/how-to/how-to-change-the-website-logo-on-individual-pages-or-posts/ https://xtratheme.com/docs/how-to/how-to-change-the-website-logo-on-individual-pages-or-posts/#respond Tue, 13 Aug 2024 06:00:19 +0000 https://xtratheme.com/docs/?p=3284

Description and Screenshot

Step 1
XTRA

Page Settings Overview

In XTRA WordPress theme you can change some important settings in specific custom pages, for example if you want to have separate logo for a specific page, you can set a separate logo from the following path.

  1. Edit Post/Page – From WordPress Dashboard > Posts/Pages > All Posts/Pages > Edit Post/Page
  2. Page Settings – It is at the bottom of the page.
  3. General Settings – You can set custom logo for this individual page from Custom logo section.
11
3
]]>
https://xtratheme.com/docs/how-to/how-to-change-the-website-logo-on-individual-pages-or-posts/feed/ 0
Theme Options: Logo https://xtratheme.com/docs/theme-options/theme-options-logo/ https://xtratheme.com/docs/theme-options/theme-options-logo/#respond Tue, 25 Jun 2024 09:14:51 +0000 https://xtratheme.com/docs/?p=1819

Description and Screenshot

Step 1
XTRA

Website Logo settings

Under Theme Options > Header > Logo you can find logo settings. You can upload 2 logos one for header and another for sticky, fixed side or footer.

  1. Logo – Upload your logo image here
  2. Logo 2 – Upload logo 2 for alternative usage
  3. Tooltip – You can select custom page content for logo tooltip
  4. StyleKits – You can add border, padding, background to your logo(s)
Theme options logo
Tips

You may want to know …

  • Logo File – You can use any type of images JPG, PNG, GIF or even SVG file format.
  • Text Logo – If you leave logo fields empty, then theme automatically will show text logo and from Theme Options > Site Identity you can change your site title
]]>
https://xtratheme.com/docs/theme-options/theme-options-logo/feed/ 0