Under Theme Options > General  > Colors & Styling > Styling > Images from this section, you can specify the style and especially the Border Radius for all site images.

Under Theme Options > General  > Share Icons > Post type you can manage the display of sharing icons. You can activate or deactivate the icons in the posts and product page and also add or remove the media.

Also, in this section, you can see the settings for Tiltle, Color mode, Tooltip, Inline Title and StylKits, and customize share icons.

Under Theme Options > WooCommerce  > Product Catalog you can change the display order of the product from the path.The step by step instructions are shown in the photos below

• Shop page display – You can choose what to display on the main shop page.
  
  
• Category display – You can choose what to display on product category pages.

Under Theme Options > Additional CSS you can add any custom CSS codes and see live changes in previewer mode then publish your changes.

• Custom CSS – There is no limitation and you can add any type of CSS, CSS3, animations, media queries, and etc. Also you do not need to put <style> tag and only custom CSS codes will works.

In the following example you can see how to change site logo image URL only on home page of your website, Other pages will get logo from theme options.

In filter name you can change xtra/option/logo to modify another option, for example for modifying layout value, try xtra/option/layout and return your value.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.

In the below screenshot, you can see how to find site width option key. First open your customizer page then find your option and then open your browser inspect element feature to find the input name or data-depent-id attribute. Exactly like below shot you can find key. For site width key is site_width

Under General > Custom Codes you can add your custom CSS, JS, HTML codes before closing head or before closing body tag.

1. Custom CSS – Add your custom CSS codes without <style> tag
2. Custom JS – Add your custom JS codes without <script> tag
3. Before closing Head – Add your custom HTML codes
4. Before closing Body– Add your custom HTML codes

• Custom Codes in Head or Body – You can add custom HTML codes, Shortcodes, custom JavaScripts code with script tag, Custom google codes such as meta tags, etc.

XTRA theme automatically will detect your custom page 404, Go to Dashboard > Pages > Add New and create a new custom page and set its slug to 404 or page-404 then add your content and publish page or save it as draft.

• Default 404 options  – Go to Theme Options > General > Page 404