Smart Slider 3 is the most powerful and intuitive WordPress plugin to create sliders which was never possible before. Fully responsive, SEO optimized and works with any WordPress theme. Create beautiful sliders and tell stories without any code.
Live slide editor
A beautiful interface makes creating slides fast and efficient. The complete freedom to build what you want, the way you want. Edit your slides as you used to in page builders. Drop layers after each other and structure them with rows and columns.
Unique Layouts with Layers
Enhance your slider with the layers and make your site even more unique and grandiose. Every heading, text, image, button and video can be edited easily with the customization options. Change all the details that really matter in typography and style.
Responsive, Mobile Ready Sliders
Switch your slider to different device mode and optimize your content for the resolution. Your site can be enjoyed in any environment, be it a mobile, tablet or desktop.
Beautiful Sliders to Start
No tech skills needed, just pick a slider template. It works like magic! Choose from a variety of beautiful templates or start with a blank Slider. Simple way to build every kind: image, layer, video and post slider.
Most powerful features
Default position – Edit your slides as you used to in page builders.
Absolute position – Drag and drop your layers anywhere on the slide with absolute layers.
Slide library – Slide Library provides several pre-made slides to kickstart your work.
Totally integrated with WordPress – Media manager, shortcode, widget, post permalinks, post editor.
Page Builder support – Elementor, Divi, Beaver Builder, Page Builder by SiteOrigin, Visual Composer, WPBakery Page Builder, Gutenberg and more…
Totally responsive and touch friendly – Sliders can be enjoyed on any device, be it a mobile, tablet or desktop.
Dynamic Slides – Available source: WordPress posts
Customizable controls – Arrows, Bullets, Autoplay, Bar, Thumbnails, Shadows
Slide backgrounds – 9 Super smooth background animations
“I can heartily recommend the free version. It already provides more functionality than any other slider plugin – even many premium ones.” – Daniel Pataki – WPMU DEV
“Having tried more than a few WordPress slider plugins, both free and paid, I can honestly say that this is one of the best that I’ve ever tested…” – Daryn Collier – WPKube
“Since Smart Slider is free to use, I do not have to really stress how good a plugin it is because you can download it yourself and see for yourself.” – Kevin Muldoon
“This plugin can be used for much more than a simple slider – being able to create whole sections of your website.” – Oliver Dale – WPLift
“Taking all this into consideration we can safely say that Smart Slider 3 is one of the top WordPress slider plugins.” – Mark Zahra – WP Mayor
Support
Smart Slider 3 is a community-driven project that would not be the same without your feedback. If you have any problem or feature request for this plugin, please feel free to contact us!
Search for Smart Slider 3 through ‘Plugins > Add New’ interface.
Find the plugin box of Smart Slider 3 and click on the ‘Install Now’ button.
Then activate the Smart Slider 3 plugin.
Create a new slider: Click on the ‘Smart Slider’ menu, click on the create slider button. Then you can add images and videos as slide and you can customize your slides with layers.
Then copy the shortcode from the Publish slider box and paste it into a post or a page.
Upload the Smart Slider 3 through ‘Plugins > Add New > Upload’ interface or upload smart-slider-3 folder to the ‘/wp-content/plugins/’ directory.
Activate the Smart Slider 3 plugin through the ‘Plugins’ menu in WordPress.
Create a new slider: Click on the ‘Smart Slider’ menu, click on the create slider button. Then you can add images and videos as slide and you can customize your slides with layers.
Then copy the shortcode from the Publish slider box and paste it into a post or a page.
Screenshots
Dashboard
Slider settings
Slide editing
Full width responsive slider with gradient and layers. Made with FREE version.
Simple image slider with caption and arrows. Made with FREE version.
Thumbnail image slider. Made with FREE version.
Image slider with static slide on it. Made with FREE version.
Full width content post slider. Made with FREE version.
Layer slider with layers styles. Made with FREE version.
FAQ
1. How do I add the slider to my site?
You can add your slider by shortcode or via the widget control panel or PHP shortcode. Watch the 🎥 Publishing tutorial video to learn more about the topic.
Canvas mode was renamed to Absolute. You can add Absolute positioned layers using the toggle at the Add panel, and switch a Default layer to Absolute at layer window > Style tab > Position.
But we recommend working with Default positioned layers because the responsive behavior is better, and the slide building is much faster. Most layouts people want to create can be done with Default positioned layers only. Absolute positioned layers should only be used for decoration.
4. Why is there an empty space where the slider should be?
It means that there is a JavaScript error on your site which blocks other scripts(for example Smart Slider’s scripts). You can open up the browser debugger window with F12 button and check the console if it shows error or not. If you solve these errors Smart Slider should work fine.
Usual problem is that you have the latest WordPress version, but your theme loads very old jQuery version (1.7 or older) and the WordPress admin bar throws a JavaScript error. In this case, you have to remove the old jQuery from your theme’s functions.php.
If you are unable to solve these problems, feel free to contact us!
5. What should I do when I experience any problem?
Yes you can customize everything for every state. (Hover, normal) The slider comes with Google Web Font support, allowing you to pick from over a dozen font families. You can also use your own font by simply writing its name to the font family field. Check out our tutorial video to learn how to use custom fonts.
8. Can I show multiple instances of slider on one page?
Yes, you can use as many sliders on a page as you want. But you can only use one slider once.
9. How to include a slider in a post or a page?
[smartslider3 slider=Here comes the slider id]
10. How to include a slider into header.php or other PHP files?
<?php echo do_shortcode('[smartslider3 slider=Here comes the slider id]'); ?>
11. Does Smart Slider support sites with SSL?
Of course! Smart Slider use protocol relative urls which works fine on http:// and on https:// too.
Changelog
3.5.1.14 – 27. February 2023
Feature: PHP 8.2 compatibility.
Fix: Touch JS codes won’t affect one slide sliders, for better scrolling experience.
Fix: Shortcode sanitization to strengthen security.
Feature: Youtube layer will support youtube-nocookie.com urls too. But you should note, that still the YouTube And Vimeo Privacy Enhanced Mode setting defines, whether your videos come from youtube.com or from youtube-nocookie.com!
Feature: Private Vimeo url support for Lightbox.
Fix: Not selecting a slider in Avada Builder could cause PHP errors.
Fix: Compatibility fix for WoodMart theme.
Fix: MySQL 8.0 compatibility fix, where “system” is a reserved keyword so we’ll no longer use it as a column name.
Fix: Divi module changes ensure that Divi sets the proper slider. (You might need to re-pick your sliders, if you haven’t changed the default value at the Divi module, as in that case your slider was not saved.)
Fix: Avada Builder compatibility fix to ensure that the slider loads properly into the builder.
Fix: On the Smart Slider admin area the shortcode did not appear correctly when Gutenberg’s “edit slider” button was leading you to the slider settings page.
Other: PHP related conflicts were renamed at the Debug Information to more accurately reflect the cause of the conflict.
3.5.1.7 – 26. May 2022
Fix: Major overhaul of the way the plugin deals with options. This should fix a some bugs and provide improved security. To enhance security the “JavaScript callbacks” option was removed. If you need to write custom codes to manipulate the slider follow this guide to learn how.
Fix: Improved check for valid values at layer content and name.
Fix: Aria-role attribute is renamed to role.
Fix: UIPress.co compatibility.
Fix: Grabbing cursor now properly displays when the slides are switching with mouse grabbing.
Fix: Fix for a Deprecated: preg_match(): Passing null to parameter #4 error in rare cases.
Fix: The CSS code that hides the Bullet thumbnail was strengthened to avoid 3rd party codes overriding it and messing up the layout.
Fix: The style tag for the Slide CSS will only be added to the HTML if it has any content.
Fix: The old default family, Montserrat is not used anymore at the backend so its call was removed.
Fix: Elementor has deprecated the controls_registered method so from 3.6.0 and above we use the new register method to include the Smart Slider widget to Elementor.
Fix: Compatibility fix for Divi on PHP 8.
Other: Translation related improvements, including unifying texts that do the same action on different places.
Other: Spanish translation is updated. Thanks, Rodrigo!
3.5.1.4 – 28. Feburary 2022
Feature: Save Fonts Locally option to cache Google Fonts.
Fix: Updating from really old Smart Slider versions might caused a PHP notice to appear.
Fix: Smart Slider element doesn’t work within Elementor Pro when WooCommerce is also installed on the website.
Fix: Weglot plugin’s language switcher appeared in page builder created sliders.
Fix: Mobile Firefox slide swiping didn’t worked well, as mobile Firefox won’t allow to stop page scroll any longer.
Fix: Better error handling for cases when the WebP support is disabled on the server to avoid PHP errors.
Fix: Dynamic slides didn’t accepted variables in color fields.
Fix: WordPress posts generator code optimization and Elementor compatibility.
Fix: n2-clear class added to the main div that contains the ss3-force-full-width and ss3-fullpage elements to make the Clear Before option work properly.
Fix: Smart Slider display fixed in Tatsu builder.
Fix: Compatibility fix for lower WordPress versions which use the classic widgets.
Other: Links updated in the Help Section to point to more appropriate help articles.
3.5.1.3 – 18. January 2022
Feature: Pagination and Search options in the Dashboard.
Feature: The variable selector is now available at the column and row background colors.
Feature: We’ll use pointer cursor at the thumbnails to indicate that they’re clickable.
Feature: Perfmatter compatibility improvements.
Fix: Overflow hidden is added to vertical thumbnails to allow rounded borders.
Fix: Firefox changed the default background color of the select tag, which creates less contrast between the text and background. We changed it back to white.
Fix: The color picker allowed saving a 7 digit color code, which resulted a bad color.
Fix: Margin and padding values are now translatable in the Slide editor UI.
Fix: Optimize images option now works on full URLs.
Fix: The YouTube layer didn’t always recognize the youtu.be URLs properly.
Fix: Static Overlay background options caused error when the only slide in the slider is a Static Overlay.
Fix: Smart Slider’s custom widget area will now properly display the publishing instructions.
Fix: Background Blur could show up even if the fill mode was not set to Blur fit.
Other: The es_ES.po and es_ES.mo renamed to es.po and es.mo respectively to support all Spanish languages.
3.5.1.2 – 18. November 2021
Feature: The old background animations are allowed again when the fill mode is not fill, but anything else.
Feature: You can now customize the Loading animation delay time.
Fix: Image layer box shadow now shows up in the Slide Editor.
Fix: We fixed an error that happened because Elementor has deprecated the _content_template method we used to create our Elementor Widget.
Fix: Compatibility fixes with Perfmatters.
Fix: The old Smart Slider WordPress widget can be moved back to Elementor using the SMART_SLIDER_ELEMENTOR_WIDGET_ALLOWED constant. As a result the sliders won’t be missing after the 3.4.1.7 update.
Fix: The slider resize didn’t always get triggered on mobile when the device was rotated.
Fix: The When ended → Go to next slide option will no longer trigger the Scroll to slider behavior at the video layers.
Feature: Background blur option for the Blur fit fill mode.
Fix: Divi Builder plugin has strong codes so we use a special ss-p tag to display the texts. An issue was fixed related to these ss-p tags that made them display incorrectly.
Fix: Focus incorrectly stayed on the arrow after slide switching.
Fix: Arrows could get highlighted in Safari.
Other: Better handling of the translation files.
Other: French translation added. Thanks, Jean-Francois!
3.5.1.0 – 5. October 2021
Fix: 100% wide image layer appeared wrong when it had a link on it.
Fix: Text Scale option could create different result in Preview and Editor in extreme cases.
Fix: Column calculation adjusted for better responsive accuracy.
Fix: When the Autoplay is enabled and only one slide is available, this one slide is duplicated to allow the autoplay to work. From now on the dynamic slides are skipped from this process. If there’s a dynamic slide that displays a single slide only, that won’t be duplicated for the autoplay.
Fix: Translate URL now works on the background image of the Content layer.
Fix: We adjusted the strength of the CSS codes affecting the Thumbnail control’s images to avoid 3rd party codes hiding them.
Fix: A wrong path could be generated for the resized thumbnail image at the backend in rare cases.
Fix: Rank Math SEO integration adjusted to avoid possible JavaScript errors at custom post types.
Other: Spanish translation has been updated. Thanks, Rodrigo!
3.5.0.11 – 13. September 2021
Feature: The “Block carousel” feature is now available for free users as well.
Feature: Gutenberg block toolbar is available at the slider. Also, there’s an option to go to the slide editor directly from the block.
Feature: Pressing enter on any control will trigger the control’s action, as if it was clicked.
Fix: Force full width sliders weren’t always properly positioned in Divi.
Fix: SVG paths were wrong in the HTML export of the slider.
Fix: Fix for an output buffer problem related to Themeco Pro theme.
Fix: Fix for a conflict between “Scroll To Slider” and “Use as Anchor > Smooth scroll” that created a weird scrolling.
Fix: The image size box overlapped the thumbnail text on RTL UI.
Fix: Long slider names are cropped when copied/duplicated, to ensure that the new slider can be created.
Fix: On WordPress multisite installation only administrators can have unfiltered_html capability, which is required to be able to access the slider. We’ve modified the error message to reflect this.
Fix: Some Google fonts contain space character, which wasn’t properly encoded.
Fix: Minimum height CSS won’t be added if the value is 0 or smaller.
Fix: We added 50MS timeout to HTMLImageElement.decode() as its promise wasn’t always resolved in Safari.
Fix: Outer positioned controls could create scrollbar, especially on small screens.
Removed: Google font subsets are now removed, as in a browser that supports unicode-range the subset is dynamically served, there’s no need to force it.
Feature: Smart Slider displays a preview image in Gutenberg’s Add Block panel
Feature: New Google fonts added to the font suggestion list.
Fix: Slide title and description are copped at Static Save to avoid reaching server limitation.
Fix: From now on the Wrap After option won’t be available on non-fullwidth rows, as they break automatically based on the space they need.
Fix: Smart Slider now properly appears on Google’s Mobile friendly test.
Fix: Scale to left main animation didn’t appear properly in the Free version.
Fix: Compatibility fix for Yandex.News Feed by Teplitsa which wrongly fetched certain slide data. From now on no part of the slider appears in their fetch.
Fix: Text bar will display the HTML codes in the Slide title and description field again.
Fix: Outer right control position was wrong on RTL.
Fix: Better check for RankMath dependency, so it won’t be loaded on pages where RankMath doesn’t loads its codes.
Fix: Outer left and right controls had wrong width. From now on they’ll have the same width as the slider.
Fix: Themify builder conflict fixed with background videos
Fix: The slider’s force fullwidth calculation could position the slider wrongly when the slider was placed into another “force fullwith” container.
Fix: Error handling for cases when the Top or Bottom focus selector is invalid.
Fix: Allow transparent color as hover background.
Fix: Pixel bug on the bottom of the slide in certain cases.
Fix: Z-index fixes for the Simple and Block type to avoid 3rd parties modify the z-index of the background images.
Fix: Better error handling for cases when the installation didn’t run properly due to some database error.
Fix: WP Bakery Frontend editor will display the slider again when Yoast is enabled.
Fix: From now on the unfiltered_html capability is required to edit the slides on WordPress
3.5.0.9 – 10. June 2021
Feature: From now on your can set an Alt tag for the Slide Thumbnail.
Fix: Absolute positioned layers didn’t rotate.
Fix: Workaround adjusted for the Safari bug which makes non-fullwidth rows create unnecessary line wrap.
Fix: Slider and slide title fields are sanitized.
Fix: Arrow style didn’t work in preview.
Fix: Empty background color caused PHP error.
Fix: Force fullwidth slider might appeared offscreen in rare cases.
Fix: Compatibility fix for Admin 2020 plugin.
Fix: Slider flickered in Gutenberg editor in rare cases.
Fix: Nested, not full width Absolute layer width couldn’t be changed.
Other: Editor role no longer gets access to Smart Slider on new installations.
3.5.0.8 – 02. June 2021
Warning: Smart Slider 3.5 is not backwards compatible! Before upgrading check the possible issues and their solutions you might see after updating to 3.5.
New: Speed improvements which help you make Smart Slider 3 pass Core Web Vitals.
Removed: jQuery dependency is removed. From now on Smart Slider only uses vanilla JavaScript.
Removed: px+ from padding and margin values. From now on everything will be fix px value.
Removed: Non adaptive font resizing is removed, and from now on everything will be adaptive. If you need the adaptive scaling at the layers you created before the update which previously used non-adaptive scaling, turn on “Legacy Font Scale” at Slider settings > Developer tab.
Feature: Async option for non-primary CSS files.
Feature: Horizontal mouse wheel control option.
Fix: Compatibility fix for Cachify plugin.
Fix: Compatibility fix for WooCommerce Blocks plugin.
Fix: Compatibility fix for A3 Lazy Loading plugin.
Fix: Compatibility fix for Woodmart theme.
Fix: Compatibility fix for Flatsome theme.
Fix: Compatibility fix for Newspaper theme’s tagDiv Composer.
Deprecated: IE10 or lower compatibility codes removed
3.3.11 – 22. November 2018.
Feature: SVG and WEBP image format support
Fix: Links will be able to contain || characters
Fix: Android Samsung internet browser fix for full page
Fix: Include additional CSS files in prerender iframes (fix for page builder frontend view)
Fix: If Load this slider after option is used, but the parent slider doesn’t exists (like it is turned off for certain devices), your slider will still load.
3.3.10 – 12. November 2018.
Feature: Filters for WordPress post generators
Feature: WP admin area will use the user’s language, not the website’s language
Feature: New target options for links
Fix: YouTube layer updated to match the latest YouTube embedded API. The Related parameter is renamed to Show related videos from the same channel
Fix: Private Vimeo videos
Fix: Visual Composer
Fix: WPBakery Page Builder
Fix: WordPress post generator possible warning
Fix: Font manager weight
Deprecated: YouTube has deprecated the showinfo parameter. The Show video title option has removed.
3.3.9 – 17. October 2018.
Fix: Thumbnail alignment and groupping
Fix: Text layer bold and italic text font colors are now harder to override by theme’s codes
Fix: NextGen Gallery and Divi live editor bug
3.3.8 – 10. October 2018.
Fix: IE Edge layer display fix
Fix: Smart Slider 3 inside TablePress on AMP pages
Fix: PHP 7.3 compatibility fix
Fix: YouTube iPad control fix with undocumented use_native_controls param
Fix: Post generator compatibility with some plugins using filters on post titles
Fix: Elementor compatibility
Feature: In WordPress the dynamic slide generator caches will be automatically cleared on post saves
Feature: Better slider resizing on tabs and other custom codes where the slider container is changing
Feature: More possible post data received in post generators
Feature: Remove shortcodes option improvement in post generators
Feature: The slider’s code is automatically skipped by some AMP plugins (AMP for WordPress and AMP for WP – Accelerated Mobile Pages).
Feature: Lazy loader compatibility
Feature: Gutenberg support
Feature: Smooth scroll speed
Feature: Hide controls if only single slide shows
Feature: Clear Divi admin localstorage cache for slider selector
Fix: WordPress post generator when the origin post contains Smart Slider 3 ACF field
Fix: Compatibility with Narratium theme
Fix: KeyCDN cache enabler
Fix: Admin ajax fix for YOAST SEO when related post ids are used
Fix: Borlabs cache plugin conflict
Fix: Tablepress compatibility
Fix: Borlabs cache fix
3.3.6 – 18. July 2018.
Fix: Autoptimize compatibility
Fix: Divi compatibility
Fix: Ajax compatibility
Fix: Windows upload path
3.3.4 – 12. July 2018.
Compatibility: Smart Slider 3 requires minimum PHP 5.4 and WordPress 4.6. From now on the slider won’t activate if these minimum requirements are not available.
Improvement: WordPress admin area icon replaced with Dashicon
Feature: generator variables are now supported in layer CSS class
Feature: slide background blur is enabled in Edge
Feature: YouTube privacy enchanted mode
Feature: Vimeo and YouTube layer cover image improvement
Feature: Google fonts can be disabled at the backend as well
Feature: Make sliders load into iframes on AJAX websites
Feature: Use alias to create an element in front of the slider with that ID
Feature: dynamic slide generators now check whether the dynamic source is available
Feature: Clear both after slider became an option
Feature: Pause video on scroll (available at all video layers)
Feature: Jetpack Photon compatibility
Feature: WordPress posts generator customizable date variables option
Feature: New help page with selected articles, documentation search and better support form
Feature: Slide level autoplay duration is not restricted from now on
Feature: MySQL 8 compatibility
Feature: Smart Slider 3 is removed from WordPress RSS
Feature: Secondary server
Fix: Button text decoration
Fix: Controls in below/above positions are correctly centered now
Fix: Font family: inherit is correctly applied now
Fix: Removed webfontloader dependency to avoid HTML export issues
Fix: wayback machine fix for slide background images
Fix: Beaver Builder compatilibity
Fix: ACF compatibility on PHP 7.2.x
3.3.3 – 07. June 2018.
Fix for plugins_loaded action bug
3.3.2 – 07. June 2018.
Fix for upgrade error message
3.3.1 – 05. June 2018.
Feature: SEO title is now available in the free version
Feature: the autoplay control is now hidden when the autoplay is disabled
Feature: better Add Slide UI
Feature: better compatibility with caching plugins
Feature: better slide background management
Feature: Content and Canvas layers now have different color in the slide editor
Feature: Divi 3.1 support
Feature: dynamic slide templates now use Content mode
Feature: hover effects (row, col and content)
Feature: new caching engine
Feature: new fill mode: Blur fit
Feature: no more xml files. Wider server compatibility and more flexible interface
Feature: PHP 7.2 compatibility
Feature: remove linebreak generator function
Feature: row link
Feature: slide background and thumbnail sync
Feature: Static slide renamed to Static Overlay
Feature: Thumbnail control: draggable slides
Feature: Global setting changes are clearing slider cache
Fix: Row stretch and wrap after fix
Fix: Chrome video handling improvements
Fix: Font family loading fixes
3.2.14 – 05. April 2018.
Feature: Visual Composer support added
Feature: Remove line breaks for generator dynamic variables
Feature: Removed Fade on load memory limit
Fix: ACF version 1 and 2 compatibility
Fix: WooCommerce product page
Fix: Check if slider visible bug
3.2.13 – 14. February 2018.
Feature: Widget areas in WordPress
Feature: Enhanced Media Library compatibility WordPress
Feature: Arrow alt tags
Feature: User related advanced shortcode options
Feature: Control hover displaying improved
Feature: Background color can get dynamic slide variable
Fix: ProPhoto theme compatibility
Fix: Layer position when a chained layer was moved to Content mode
Fix: Hidden video layers are not autoplaying anymore on iPhone
Fix: Elementor issue
Fix: Google font droid fix to Noto
Fix: CDNForJoomla fix
Fix: Scroll fix for mac
Fix: Safari font smoothing
Fix: Compatibility fix for JCH Optimize
Fix: Publishing on WooCommerce product pages
Deprecated: Remove spaces from parents
Deprecated: Hide siblings
3.2.12 – 14. December 2017.
Feature: Smart Slider 3 in-app rating. Every feedback helps us to measure how we are doing 🙂
Feature: Custom Smart Slider field for Advanced Custom Fields plugin
Feature: Option to disable Slider shortcode when YOAST SEO generates XML sitemap
Feature: Images from subfolders date ordering
Feature: Web-Dorado Photo Gallery variables for non-images
Feature: Generator variables for Content, Row and Column backgrounds and URLs.
Feature: Simple type main animation now use transform for the animation
Fix: Background video and YouTube autoplays for supported mobiles (playsinline and muted)
Fix: Image from folder generator’s ordering by file name
Fix: Proper loading of slider when fade on load setting disabled
Fix: Server side mobile detect fix in rare cases
Fix: Thumbnail border fix
Fix: Disable WordPress emoji in page builders preview
3.2.10 – 23. November 2017.
Feature: The Youtube and Vimeo layers will stop if you scroll away from them and they will continue when you scroll back
Feature: The free version’s Image layer will have width and height settings too
Feature: Joomla article generator image variables
Feature: Base64 removed from async
Feature: Elementor will auto open the slider selector
Feature: Beaver Builder 2.0 compatibility
Fix: Youtube certain configuration settings weren’t used
Fix: Slide’s link wasn’t clickable over the text bar
Fix: Search in link
Fix: PHP7.2 deprecated create_function notice
Fix: Wordfence compatility
3.2.9 – 12. October 2017.
Feature: Drag and drop upload removes the image extension
Feature: Play when visible is available in the free version
Feature: Server side mobile detection
Feature: Single bullet will be hidden
Feature: Thumbnail updates on background change if the background image and thumbnail are the same
Feature: Fallback for image handling if the mime_content_type function isn’t enabled on the server
Feature: Force full width overflow hidden element setting
Feature: Control normal flow (below and above slider positions) improvements
Feature: Affiliate hoplink improvements
Feature: Updated Google Font family list
Feature: Frontend accessibility parameter. Accessibility: :HOVER styles applies to :FOCUS. Not: :FOCUS state looks like the normal state