Dottoro Theme Documentation

Tutorial to get your theme to work

PrologueFirst StepsFront PageCreating a custom front pageBlog, News and Portfolio post typesPost Type specific settingsGeneral settingsSingle post settingsCategory / Tag / Date archive page settingsPermalink settingsOptions on single post pagesGeneral page optionsImage optionsGallery settingsPage Templates and PagesPage SettingsPage TemplatesPages created from page templatesGeneral page settingsGallery settingsBlog page settingsNews page settingsPortfolio and Imagefolio page settingsContact page settingsArchives page settingsAuthors page settingsBoomarks page settingsSitemap page settingsSpecial pagesCategory and tag page settingsArchive and date page settingsSearch page settingsAuthor page settings404 page settingsHeader and MenuSubheadersSubheader specific shortcodesPredefined SubheadersCreating SubheadersAssigning subheaders to pagesFooterWidgets in the FooterCopyright and other notices in the FooterSidebarWidgets on the SidebarWidth and alignment of the sidebarWidget AreasWidgetsBreadcrumbShortcodesShortcodes In Alphabetical OrderShortcodes By CategoriesNested ShortcodesPost TemplatesOverlaysMedia and External MediaOverview of galleries, gallery listings and slideshowsGalleries and Gallery ListingsAbout Galleries In GeneralCreating And Managing Galleries[gallery_list] shortcodeSlideshows and Popup SlideshowsSlideshowsPopup SlideshowsSlideshow SettingsMost Often Used Slideshow OptionsAll Slideshow OptionsSlideshow Templates - Slideshow Specific ShortcodesStyling Guide For SlideshowsStyling Of Slideshow and Post TemplatesSlidesPopupsSelectorsWeb FontsGeneral Theme SettingsUser RolesExport / Import SettingsCreating theme designsLocalizationHeadingsChild ThemesCSS ClassesResponsive DesignCSS Extension JavaScript ToolkitJavaScript LibraryAction HooksFilter HooksCompatibility Issues
<

Search Form

[search_form]

Displays a search form.

Attributes:
icon Specifies an search icon.
For a complete list of icons, see Font Icons.
iconset Specifies the icon set that contains the search icon (see icon above). If no icon set is specified, the theme automatically tries to find an icon set that contains the icon.
For the supported icon sets, see Font Icons.
icon_color Color of the search icon. For the supported values, see CSS color property.
The icon_color_type attribute must be set to 'custom' for this attribute.
icon_color_type The color type of the search icon ( auto | custom ). Default: auto.
  • The 'auto' value means that the color of the icon is determined by the skin settings of the theme.
  • The 'custom' value means that the color of the icon is specified with the icon_color attribute.
placeholder Specify the text to be displayed in the search input when it is empty. A placeholder is mostly a short hint that describes the expected value (e.g. a sample value or a short description). The placeholder disappears when the field gets focus.
In addition, it is also possible to customize the look of the placeholder text. A CSS class named "placeholder" is added to the search field when the placeholder is displayed. For example, if you want to display the placeholder in red, just insert this into the style.css file of your child theme: .placeholder {color: red !Important;}