Gutenix theme is fully optimized, weighing less than 1.5 Mb, ensuring it will load in less than a second.
The theme scores high in Google Speed Insights, getting A96% average score on desktop and mobile devices. The loading speed of Gutenix theme is 0.9 s.
We use the cached CSS generated by your options to boost performance even more and make sure the speed loads even faster.
Apply changes in customizer without page reloading and see the results you get in real time. Speed up the process of website building.
Use a Boxed layout for the page or template to make content show up with the custom container width and responsive custom content paddings.
Choose this layout for the page’s content to occupy the full width of the page, using no sidebars. The layout keeps the native Gutenix theme’s Header and Footer templates.
Apply this layout in case you plan to build the page with a page builder from Header to footer, and don’t need to use the Header and Footer from the them.
Use the layouts with Left or Right Sidebar, applying custom container width and content padding settings at the same time.
Adjust the sidebar width in percents according to your needs. Use different page layouts for different page templates, such as Blog, Single Post, 404 page.
Create your custom sidebars to display the different sets of widgets for different pages whenever you need to use the separate widget sets (e.g., different sidebar for WooCommerce page templates).
Enable a preloader for the theme or use a custom HTML code to add a custom preloader you want to apply.
Make it easy to return to the top of the page by adding and styling up a ToTop button with a custom background, icon color and border radius.
Use options for the global color customization of different theme elements to set the regular and inverted colors fitting your design.
Build a template as an ordinary page with the page builder, and assign it as a 404 page so that the visitors can see it when they have entered an invalid URL.
Gutenix provides you with a library of 700 Google fonts to make sure your website’s typography is immaculate.
Use different font size settings for Desktop, Tablet and Mobile devices to make the text readable on any type of screen.
Set and adjust the line height and spacing properties for each text element, be it a body text, a heading or the text for an input field or a button.
Explore an easy way to set the global color and typography settings for headings, body text, input field text and a button to use them for the designs you create in builder.
Choose between 2 types of Listing layouts to showcase publications into a listing where one post is shown under the other.
Make the publications show up in a neat and responsive Grid layout with a set number of rows and columns.
Use this layout to make the publications be displayed in a grid that doesn’t have the fixed height for the rows.
Use this creative layout to display publications in a responsive alignment by the main axis.
Set your own order for the publication elements to show in a Blog page: Title, Meta, Featured Image, Content and Bottom Line, and adjust the elements visibility.
Decide if you want to showcase Categories, Author, Date, Comments number and Tags on a Blog page for each of the posts.
Set pagination or navigation to make the earlier blog publications easy to access and find.
Adjust the stylization of each blog page element, from View More button to blog post title, meta and excerpt. Here you’ll find extended typography options, color styles.
Set the post elements in the order you need, adjusting the Title, Meta, Featured image, Content, |Tags, Sharing icons, Author bio, Navigation, Related posts and comments in the order you need, and hiding elements you don’t want to show.
Decide if you want to showcase Categories, Author, Date, Comments number and Tags on a Blog page for each of the posts.
Add Social sharing for the most popular social media, such as Facebook, Twitter, Linkedin, Pinterest, Tumblr, etc.
The block has advanced stylization settings as well as flexible content options to show the posts linked to the Single Post page opened by a tag.
Apply the content width you need to create flowing beautiful designs of the Blog page, making it look minimalistic and neat.
Display the number of likes for the top comments to your blog posts to attract more attention to the visitors activity.
Use a customizable top panel to showcase social menu, and any disclaimer text you want within a neat panel at the top of your site.
Adjust the color scheme, paddings, general stylization and lower border settings of the top panel.
Explore the diverse Header layouts to find out what will match your design better. The layouts also allow setting a Hamburger menu for Desktop and Mobile devices separately.
Add a Sign In link in the bar, change the social links style, adjust the design elements and vertical padding to make the top panel fit your design even better.
Make a Header always sticky, or stick on scrolling up to make it stay always in sight, using a different logo, colors set, and background.
Use a transparency setting for Header to make it an irreplaceable part of your general page design.
Use different Header styles for Posts Archive, Single Post, WooCommerce pages and Search page to match your pages design.
Customize every detail of your header without coding, setting paddings, box shadow, adjusting Search block and mobile panel visibility.
Embed a Google Map and showcase your location and physical address.
Use a built-in popup functionality to create a popup with a subscription form, your custom title and background.
Add the content you need in a popup using a shortcode. Add a Contact Form 7 form in seconds.