This panel contains general options for the site:
- Logos & Site Title
- Homepage Settings
- API Keys
- Back to Top
- RTL
Logos & Site Title #
This section allows you to customize the logo and site title settings for your website.
Logo Type: Choose which type of logo you want to display on your site Globally.
- Image: Upload a logo in JPG, PNG, or WebP format.
- Text: Display the site title as your logo.
- SVG: Upload an SVG format logo for crisp and scalable graphics.
Logo Width/Height: Adjust the size of your logo to fit your design requirements.
Tagline: Show or hide the site tagline. To update the tagline, go to Admin Dashboard > Settings > General.
Site Icon (Favicon): Upload a favicon for your site. The recommended size for the favicon is 512×512 px.
Note:- You can override the global logo settings for different sections of your site, including specific pages and mobile screens. For example, you can set different logos for the Blog, Pages, 404 Page, Help Center, and more.
Retina Logo #
If you’re using a Text or SVG logo, it’s automatically retina ready. You don’t need to do anything extra for high-resolution screens.
Image Logo
If you’re using an Image logo, there are two options: Logo Width and Logo Height.
- You don’t need to set these values — the logo will show in its original size by default.
- But for better quality on retina screens, you should upload a logo that is twice the size of how you want it to appear. Example:
If you want the logo to look 150×60, design it at 300×120, and then:- Set Logo Width to 150
- Or set Logo Height to 60
Tip: Only set one value — either width or height, not both.
Setting both might make the logo look weird on mobile devices.
Homepage Settings #
The Homepage Settings section allows you to define what content appears on your site’s homepage. You can choose between displaying your latest posts or a static page.
- Your Latest Posts: Select this option to show your most recent blog posts on the homepage. This is ideal for blogs and news websites.
- A Static Page: Choose this option if you want to display a fixed page as your homepage. You will need to set:
- Homepage: Select a page to serve as your front page.
- Posts Page: Select a page where your blog posts will be displayed.
Note: You can also configure these settings from Admin Dashboard > Settings > Reading.
By setting up your homepage correctly, you ensure your website presents the right content to your visitors as soon as they land on your site.
API Keys #
The API Keys section allows you to configure third-party integrations that require authentication keys. One of the available options is the Instagram Access Token, which is needed to display Instagram images on your website.
How to Get an Instagram Access Token #
- Go to the Meta for Developers Website
- Visit Meta for Developers and log in with your Facebook account.
- Create a New App
- Click on My Apps in the top-right corner.
- Select Create App and choose For Everything Else as the app type.
- Enter your app details and click Create App.
- Add Instagram Basic Display API
- In the App Dashboard, navigate to Add a Product.
- Find Instagram Basic Display and click Set Up.
- Configure Instagram Settings
- Go to Basic Display in the left sidebar.
- Scroll down to User Token Generator and click Add or Remove Instagram Testers.
- Enter your Instagram username and send the request.
- Log into your Instagram account and accept the invitation under Settings > Apps and Websites.
- Generate the Access Token
- Return to your Facebook App Dashboard.
- Under User Token Generator, click Generate Token.
- Copy the generated access token and paste it into the Instagram Access Token field in the Customizer (Admin Dashboard > Appearance > Customize > General > API Keys).
Note: The access token may have an expiration period. For a permanent solution, you may need to generate a long-lived token.
By following these steps, you can successfully connect Instagram to your website and display Instagram images seamlessly.
Back To Top #
Enable this to show Back to Top icon on your website.
RTL #
Enable this to if your website is in RTL mode e.g. in Arabic.