/*====================================== Theme Name: Rubine Lite Theme URI: https://themezee.com/themes/rubine/ Description: Rubine Lite is a clean and retina-ready magazine theme created with usability and simplicity in mind. The theme offers a gorgeous featured content area on the home page to highlight your most important posts. Of course the design is fully responsive and makes your content readable on every device. Version: 1.3.3 Author: ThemeZee Author URI: https://themezee.com Tags: two-columns, custom-background, custom-colors, custom-header, custom-menu, grid-layout, blog, news, editor-style, rtl-language-support, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, one-column, left-sidebar, right-sidebar, three-columns, four-columns Text Domain: rubine-lite License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html ======================================*/ /* CSS Reset | http://meyerweb.com/eric/tools/css/reset/ | v2.0 -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* General Styles -------------------------------------------------------------- */ html { font-size: 100.01%; } body { font-family: 'Carme', Tahoma, Verdana, Arial; font-size: 0.95em; border: 0; color: #111; background-color: #f3f3f3; } /* Links */ a, a:link, a:visited{ color: #cc1111; text-decoration: underline; } a:hover, a:active { text-decoration: none; } /* Form Elements */ input, textarea { padding: 0.7em; background: #fff; border: 1px solid #e5e5e5; font-size: 1.0em; color: #222; font-family: 'Carme', Tahoma, Verdana, Arial; } input[type="submit"] { color: #222; font-weight: bold; padding: 0.3em 1em; background: #f8f8f8; border: 1px solid #e5e5e5; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } input[type="submit"]:hover { color: #cc1111; background: #fff; border: 1px solid #cc1111; box-shadow: inset 0.3em 0 0 #cc1111; cursor: pointer; } /* Clearing Floats */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; /* For IE 6/7 only */ } /* Make Form Elements responsive */ input, textarea, select { max-width: 100%; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Basic Structure -------------------------------------------------------------- */ #wrapper { width: 100%; } #header-wrap { background: #cc1111; } #header { padding: 2em 0; color: #fff; } #wrap { clear: both; padding: 2em 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content { float: left; width: 72%; padding-right: 2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #sidebar { float: right; width: 28%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container { max-width: 1340px; width: 92%; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Header -------------------------------------------------------------- */ #logo { float: left; margin: 0.6em 0; max-width: 100%; } #logo .site-title { display: inline-block; font-size: 2.5em; font-weight: bold; color: #fff; font-family: 'Francois One', Tahoma, Verdana, Arial; } #logo .site-title a:link, #logo .site-title a:visited { color: #fff; text-decoration: none; } #logo .site-title a:hover, #logo .site-title a:active { color: #eee; text-decoration: none; } #logo .site-description { margin-top: 0.4em; color: #ddd; } #logo .custom-logo { margin: 0 1.5em 0 0; padding: 0; border: none; vertical-align: top; max-width: 100%; height: auto; } /* Custom Header Image */ #custom-header-image { padding-top: 2em; } #custom-header-image img { max-width: 1320px; vertical-align: top; width: 100%; height: auto; padding: 0.8em; background: #fff; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Top Navigation Menu -------------------------------------------------------------- */ #topheader-wrap { background: rgba(0,0,0,0.25); } #topheader #header-search { float: right; } #topnav-toggle { display: none; } .top-navigation-menu { float: left; list-style-type: none; list-style-position: outside; position: relative; } .top-navigation-menu li{ float: left; position: relative; } .top-navigation-menu a { display: block; padding: 0.8em 1em; text-decoration: none; font-size: 0.8em; text-transform: uppercase; } .top-navigation-menu a:link, .top-navigation-menu a:visited{ color: #fff; text-decoration: none; } .top-navigation-menu a:hover { background: rgba(0,0,0,0.2); } .top-navigation-menu li.current_page_item a, .top-navigation-menu li.current-menu-item a { text-decoration: underline; } .top-navigation-menu li .sub-menu { display: none !important; } /* Navigation Menu -------------------------------------------------------------- */ #mainnav-toggle { display: none; } #mainnav-wrap { background: #f8f8f8; border-bottom: 1px solid #e5e5e5; } #mainnav { position: relative; } .main-navigation-menu { float: left; list-style-type: none; list-style-position: outside; } .main-navigation-menu li{ float:left; border-right: 1px solid #eaeaea; } .main-navigation-menu a { display: block; padding: 1.3em; text-decoration: none; font-size: 1.0em; font-family: 'Carme', Tahoma, Verdana, Arial; font-weight: bold; } .main-navigation-menu a:link, .main-navigation-menu a:visited { color: #222; text-decoration: none; } .main-navigation-menu a:hover { background: #fff; } .main-navigation-menu ul { position: absolute; display: none; z-index: 99; background: #fff; margin-left: -1px; padding: 1px; border: 1px solid #ddd; } .main-navigation-menu ul li{ float: none; position: relative; border: none; } .main-navigation-menu ul a { min-width: 250px; min-width: 16rem; padding: 1em; font-weight: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-navigation-menu ul a:link, .main-navigation-menu ul a:visited { color: #333; font-size: 0.9em; text-decoration: none; } .main-navigation-menu ul a:hover { background: #f8f8f8; } .main-navigation-menu li ul ul { margin: -2px 0 0; top: 0; left: 100%; } .main-navigation-menu li.menu-item-has-children:hover > ul, .main-navigation-menu li.page_item_has_children:hover > ul, .main-navigation-menu li.menu-item-has-children[aria-expanded="true"] > ul { display: block; } .main-navigation-menu li.current_page_item a, .main-navigation-menu li.current-menu-item a { text-decoration: underline; } .main-navigation-menu li.current_page_item ul li a, .main-navigation-menu li.current-menu-item ul li a{ text-decoration: none; } .main-navigation-menu ul li.current_page_item a, .main-navigation-menu ul li.current-menu-item a { text-decoration: underline; } .main-navigation-menu ul li.current_page_item ul li a, .main-navigation-menu ul li.current-menu-item ul li a{ text-decoration: none; } /* Mega Menu Styling */ .mega-menu-content { line-height: 1.5; } .mega-menu-content .mega-menu-widget .mega-menu-widget-header-title { font-weight: bold; } .main-navigation-menu .mega-menu-content .mega-menu-widget ul li a:hover, .main-navigation-menu .mega-menu-content .mega-menu-widget ul li a:active { text-decoration: underline; background: none; } .main-navigation-menu .mega-menu-content .widget_meta ul li, .main-navigation-menu .mega-menu-content .widget_pages ul li, .main-navigation-menu .mega-menu-content .widget_categories ul li, .main-navigation-menu .mega-menu-content .widget_archive ul li { display: block; } .main-navigation-menu .mega-menu-content .widget_meta ul li a, .main-navigation-menu .mega-menu-content .widget_pages ul li a, .main-navigation-menu .mega-menu-content .widget_categories ul li a, .main-navigation-menu .mega-menu-content .widget_archive ul li a { display: block; padding: 0.75em 1em; font-size: 14px; font-size: 0.875rem; } .main-navigation-menu .mega-menu-content .widget_meta ul li a:hover, .main-navigation-menu .mega-menu-content .widget_pages ul li a:hover, .main-navigation-menu .mega-menu-content .widget_categories ul li a:hover, .main-navigation-menu .mega-menu-content .widget_archive ul li a:hover { text-decoration: none; background: #f8f8f8; } /* Widget Styling -------------------------------------------------------------- */ .widget { margin-bottom: 2em; padding: 1.5em; background: #fff; border: 1px solid #e5e5e5; -ms-word-wrap: break-word; word-wrap: break-word; } .widgettitle { font-size: 1.0em; font-weight: bold; font-family: 'Carme', Tahoma, Verdana, Arial; padding: 1em; margin: -1.5em -1.5em 1.5em -1.5em; color: #333; background: #f8f8f8; border-bottom: 1px solid #e5e5e5; line-height: 1.5em; } .widget .textwidget { line-height: 1.5em; } .widget .textwidget p { margin-bottom: 1em; } .widget ul { line-height: 1.5em; } .widget ul { list-style: circle inside; color: #555; } .widget ul .children { padding: 0; margin: 0.5em 0 0.5em 1em; } .widget a:link, .widget a:visited { text-decoration: none; color: #cc1111; } .widget a:hover, .widget a:active { text-decoration: underline; } .widget img { max-width: 100%; height: auto; } /* Custom Widgets -------------------------------------------------------------- */ /* Theme Calendar Widget */ #wp-calendar { margin: 0; width: 100%; color: #444; line-height: 1.6em; } #wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; } #wp-calendar caption { font-style: italic; margin-bottom: 0.1em; } #wp-calendar th { font-weight: bold; font-size: 0.85em; } #wp-calendar tfoot tr td { padding-top: 0.5em; } #wp-calendar #next { padding-right: 0.8em; text-align: right; } /* Posts and Pages -------------------------------------------------------------- */ .type-post, .type-page, .type-attachment { margin: 0 0 2em 0; border: 1px solid #e5e5e5; background: #fff; } .type-post .post-content, .type-page, .type-attachment { padding: 1.2em 1.6em 1.6em; background: #fff; } .type-post { background: #f8f8f8; } .post-content { border-top: 1px solid #e5e5e5; } /* Titles */ .page-title, .entry-title { font-family: 'Francois One', Tahoma, Verdana, Arial; color: #cc1111; line-height: 1.4em; -ms-word-wrap: break-word; word-wrap: break-word; text-decoration: none; } .page-title { font-size: 2.4em; } .entry-title { font-size: 2.2em; } .entry-title a:link, .entry-title a:visited { color: #cc1111; text-decoration: none; } .entry-title a:hover span, .entry-title a:active span { text-decoration: underline; } .entry-title .subtitle { color: #777; font-family: 'Carme', Tahoma, Verdana, Arial; font-weight: normal; font-size: 0.55em; line-height: 1.3em; margin-bottom: 0.3em; } .entry-title a:hover .subtitle, .entry-title a:active .subtitle { text-decoration: underline; } .sticky { border-left: 8px solid #e5e5e5; } /* Page Links | wp_link_pages() */ .page-links { margin: 0; word-spacing: 1em; } /* Postmeta */ .entry-meta-wrap { padding: 1em 0.6em; } .entry-meta { line-height: 1.5em; font-size: 1.0em; } .entry-meta span { display: inline-block; padding: 0 0.6em; } .entry-meta a:link, .entry-meta a:visited { color: #333; } .entry-meta span:before { display: inline-block; -webkit-font-smoothing: antialiased; font: normal 24px 'Genericons'; vertical-align: top; color: #333; margin: 0 0.2em -0.2em 0; } .entry-meta .meta-date:before{ content: '\f307'; } .entry-meta .meta-author:before{ content: '\f304'; } .entry-meta .meta-comments:before{ content: '\f300'; } .entry-meta .meta-category:before{ content: '\f301'; } .entry-meta .meta-tags:before{ content: '\f302'; } /* Archive Post Layout */ .archive-post.has-post-thumbnail .post-content { border-top: none; margin-left: 33%; border-left: 1px solid #e5e5e5; width: 67%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .archive-post.has-post-thumbnail .entry-meta-wrap { float: left; width: 33%; padding: 0.8em 0.8em 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .archive-post.has-post-thumbnail .entry-meta { margin-top: 1em; } .archive-post.has-post-thumbnail .entry-meta span { display: block; padding: 0.3em 0; } /* Post Tags */ .meta-tags { margin-top: 0.8em; } .meta-tags ul { float: left; } .meta-tags ul li { float: left; margin: 0.3em 0.3em 0 0; } .meta-tags ul li strong { line-height: 2em; margin-right: 0.5em; } .meta-tags ul li a { display: inline-block; font-size: 0.9em; font-weight: bold; padding: 0.5em 1em; background: #f8f8f8; border: 1px solid #e5e5e5; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .meta-tags ul li a:link, .meta-tags ul li a:visited { color: #222; text-decoration: none; } .meta-tags ul li a:hover, .meta-tags ul li a:active{ color: #cc1111; background: #fff; border: 1px solid #cc1111; box-shadow: inset 0.3em 0 0 #cc1111; } /* Read more Link */ .more-link { display: inline-block; font-weight: bold; margin: 0.3em 0 0; padding: 0.5em 1em; text-decoration: none; border: 1px solid #e5e5e5; background: #f8f8f8; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .more-link:link, .more-link:visited { color: #222; text-decoration: none; } .more-link:hover, .more-link:active { color: #cc1111; background: #fff; border: 1px solid #cc1111; box-shadow: inset 0.3em 0 0 #cc1111; } /* Post Navigation */ .post-navigation { margin-bottom: 2em; padding: 1em; border: 1px solid #e5e5e5; color: #222; background: #fff; line-height: 1.5; } .post-navigation .nav-links:before, .post-navigation .nav-links:after { content: ""; display: table; } .post-navigation .nav-links:after { clear: both; } .post-navigation .nav-links .nav-previous { float: left; } .post-navigation .nav-links .nav-next { float: right; } /* Archives and Search Heading */ .archive-title { font-weight: bold; color: #222; padding: 1em; margin-bottom: 1em; border: 1px solid #e5e5e5; background: #f8f8f8; line-height: 1.5em; } .archive-description { margin: -1rem 0 1rem; padding: 1em; line-height: 1.6; background: #fff; border: 1px solid #e5e5e5; } /* Content Pagination */ .post-pagination { margin-bottom: 2em; font-weight: bold; color: #222; padding: 1em; border: 1px solid #e5e5e5; background: #f8f8f8; } .post-pagination a { padding: 0.2em 0.5em; margin-right: 0.3em; display: inline-block; text-align: center; text-decoration: none; color: #cc1111; } .post-pagination a:link, ..post-pagination a:visited { color: #cc1111; } .post-pagination a:hover { text-decoration: underline; } .post-pagination .current { padding: 0.2em 0.5em; margin-right: 0.3em; background: #cc1111; color: #fff; } /* Infinite Scroll Pagination */ .infinite-scroll .post-pagination { display: none; } .infinite-scroll #infinite-handle span { display: inline-block; margin-bottom: 2em; padding: 0.6em 1em; font-size: 1em; font-weight: bold; text-align: center; text-decoration: none; color: #fff; background: #cc1111; } .infinite-scroll #infinite-handle span:hover { background-color: #333; } /* Breadcrumbs */ .breadcrumbs { font-weight: bold; color: #222; padding: 1em; margin-bottom: 1em; border: 1px solid #e5e5e5; background: #f8f8f8; line-height: 1.5em; } .breadcrumbs .trail-browse, .breadcrumbs .trail-items, .breadcrumbs .trail-items li { display: inline; line-height: 1.5; } .breadcrumbs .trail-browse { margin-right: 0.5em; } .breadcrumbs .trail-items { list-style: none; } .breadcrumbs .trail-items li::after { content: "\00bb"; /* Raquo */ padding: 0 0.5em; } .trail-separator-slash .trail-items li::after { content: "\002F"; } .trail-separator-dash .trail-items li::after { content: "\2013"; } .trail-separator-bull .trail-items li::after { content: "\2022"; } .trail-separator-arrow-bracket .trail-items li::after { content: "\003e"; } .trail-separator-raquo .trail-items li::after { content: "\00bb"; } .trail-separator-single-arrow .trail-items li::after { content: "\2192"; } .trail-separator-double-arrow .trail-items li::after { content: "\21D2"; } .breadcrumbs .trail-items li:last-of-type::after { display: none; } /* Text Elements -------------------------------------------------------------- */ .entry { line-height: 1.6em; margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; } .entry p, .comment p { margin: 0.75em 0; } .entry h1, .comment h1, .entry h2, .comment h2, .entry h3, .comment h3, .entry h4, .comment h4, .entry h5, .comment h5, .entry h6, .comment h6 { color: #222; font-weight: bold; line-height: 1.0em; margin: 1.2em 0 0.3em; } .entry h1, .comment h1 { font-size: 3.0em; } .entry h2, .comment h2 { font-size: 2.25em; } .entry h3, .comment h3 { font-size: 1.5em; } .entry h4, .comment h4 { font-size: 1.25em; } .entry h5, .comment h5 { font-size: 1.125em; margin: 1.3em 0 0; } .entry h6, .comment h6 { font-size: 1.0em; margin: 1.3em 0 0; } .entry ul, .comment ul{ list-style: square inside; margin: 0 0 1.5em 2em; } .entry ol, .comment ol{ list-style: decimal inside; margin: 0 0 1.5em 2em; } .entry ol ol, .comment ol ol{ list-style: upper-alpha inside; } .entry ol ol ol, .comment ol ol ol{ list-style: lower-roman inside; } .entry ol ol ol ol, .comment ol ol ol ol{ list-style: lower-alpha inside; } .entry ul ul, .comment ul ul, .entry ol ol, .comment ol ol, .entry ul ol, .comment ul ol .entry ol ul, .comment ol ul { margin-bottom: 0.2em; } dl { margin: 1em 0; } dt { font-weight: bold; } dd { margin-bottom: 1.5em; } strong { font-weight: bold; } cite, em, i { font-style: italic; } big, .big_tag { font-size: 1.3em; } ins { text-decoration: none; } code, pre { padding: 3px 8px; margin: 0 1px; background: #eeeeee; color: #222; font-size: 0.9em; font-family: Monospace, "Courier New", Courier; overflow: auto; line-height: 1.4em; } del, strike, s{ text-decoration: line-through; } pre { font-family: "Courier 10 Pitch", Courier, monospace; } small { font-size: 0.7em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; font-size: 0.8em; } sup { bottom: 1ex; } sub { top: .5ex; } .entry var, .entry kbd, .entry tt, .entry .tt_tag { font-size: 1.1em; font-family: "Courier 10 Pitch", Courier, monospace; } blockquote { background: #f8f8f8; border: 1px solid #e5e5e5; border-left: 8px solid #e5e5e5; margin: 1.2em 0; padding: 0.3em 1.2em; } blockquote cite { display: block; margin: 0.5em 0 0 0.5em; color: #777; } .entry table { border-collapse: collapse; border-spacing: 0; border: 1px solid #ddd; margin: 1em 0; text-align: left; width: 100%; } .entry tr th, .entry thead th { background: #e5e5e5; font-weight: bold; padding: 0.2em 1em; } .entry tr td { border-top: 1px solid #ddd; padding: 0.2em 1em; } .entry tr.alternate td { background: #f5f5f5; } /* Images | Gallery | Videos -------------------------------------------------------------- */ article .wp-post-image { max-width: 100%; margin: 0; height: auto; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article .entry .wp-post-image { margin: 1.2em 2em 1em 0; height: auto; } .entry img { max-width: 100%; height: auto; } .wp-caption { max-width: 100%; height: auto; text-align: center; margin: 1em 0; } .wp-caption-text { margin: 0 !important; padding: 0; font-size: 0.9em; text-align: center; } .alignleft { float: left; display: inline; margin: 1em 2em 1em 0; } .alignright { float: right; display: inline; margin: 1em 0 1em 2em; } .aligncenter { margin: 1em auto; display: block; } /* Gallery Styling */ .gallery { margin: 1em auto !important; } .gallery-item { float: left; margin: 0.7em 0 0 0 !important; padding-right: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery img { margin: 0 !important; padding: 3px; border: 1px solid #e5e5e5 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery-caption { margin-left: 0.3em !important; } /* Make Vidoes responsive */ embed, iframe, object, video { max-width: 100%; } /* Image.php Navigation */ #image-nav { margin: 1em 0 2em; color: #333; } #image-nav .nav-previous { float: left; } #image-nav .nav-next { float: right; } #image-nav .nav-previous a, #image-nav .nav-next a { font-size: 0.9em; font-weight: bold; text-decoration: none; padding: 0.5em 1em; text-decoration: none; color: #222; border: 1px solid #e5e5e5; background: #f5f5f5; background-image: -webkit-linear-gradient(#fdfdfd 0%, #e8e8e8 100%); background-image: -moz-linear-gradient(#fdfdfd 0%, #e8e8e8 100%); background-image: -o-linear-gradient(#fdfdfd 0%, #e8e8e8 100%); background-image: -ms-linear-gradient(#fdfdfd 0%, #e8e8e8 100%); background-image: linear-gradient(#fdfdfd 0%, #e8e8e8 100%); } #image-nav .nav-previous a:hover, #image-nav .nav-next a:hover { background: #f8f8f8; } /* Search Form -------------------------------------------------------------- */ .search-form { display: block; position: relative; width: 100%; margin: 0; padding: 0; overflow:hidden; } .search-form .screen-reader-text { display: none; } .search-form .search-field { display: inline-block; margin: 0; width: 100%; padding: 0.7em 45px 0.7em 0.7em; background: #fff; border: 1px solid #ddd; font-size: 1.0em; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; } .search-form .search-submit { position: absolute; top: 0; right: 0; border: none; background: transparent; padding: 0.8em 0.7em 0 0; cursor: pointer; } .search-form .search-submit .genericon-search { display: inline-block; width: 24px; height: 24px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 1; font-family: 'Genericons'; text-decoration: inherit; font-weight: normal; font-style: normal; vertical-align: text-bottom; color: #777; content: '\f400'; } .search-form .search-submit:hover .genericon-search { color: #333; } /* different style for searchform in topheader */ #topheader #header-search .search-form .search-field { padding: 0.5em 45px 0.5em 0.8em; background: rgba(0, 0, 0, 0.05); border: none; font-size: 0.9em; color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.08); min-width: 300px; } #topheader #header-search .search-form .search-submit { padding: 0.5em 0.4em 0 0; } #topheader #header-search .search-form .search-submit .genericon-search { width: 18px; height: 18px; font-size: 18px; color: #ddd; } #topheader #header-search .search-form .search-submit:hover .genericon-search { color: #fff; } /* Social Icons | based upon http://kovshenin.com/2014/social-menus-in-wordpress-themes/ -------------------------------------------------------------- */ .social-icons-menu { list-style-type: none; list-style-position: outside; line-height: 1em; } .social-icons-menu li { float: left; margin: 0 1px 0.2em 0; padding: 0; } .social-icons-menu li a { position: relative; display: inline-block; padding: 1em; background: rgba(0,0,0,0.2); text-decoration: none; } .social-icons-menu li a:before { display: inline-block; color: #eee; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 1; font-family: 'Genericons'; text-decoration: inherit; vertical-align: top; } .social-icons-menu li a:hover { text-decoration: none; background: rgba(0,0,0,0.4); } .social-icons-menu li a .screen-reader-text { display: none; } .social-icons-wrap .social-icons-hint { font-size: 0.8em; color: #eee; max-width: 300px; line-height: 1.2em; } /* Add Genericons */ .social-icons-menu li a:before { content: '\f408';} /* Default Icon */ .social-icons-menu li a[href*="codepen.io"]:before { content: '\f216'; } .social-icons-menu li a[href*="digg.com"]:before { content: '\f221'; } .social-icons-menu li a[href*="dribbble.com"]:before { content: '\f201'; } .social-icons-menu li a[href*="facebook.com"]:before { content: '\f204'; } .social-icons-menu li a[href*="flickr.com"]:before { content: '\f211'; } .social-icons-menu li a[href*="plus.google.com"]:before { content: '\f218'; } .social-icons-menu li a[href*="github.com"]:before { content: '\f200'; } .social-icons-menu li a[href*="instagram.com"]:before { content: '\f215'; } .social-icons-menu li a[href*="linkedin.com"]:before { content: '\f207'; } .social-icons-menu li a[href*="pinterest.com"]:before { content: '\f209'; } .social-icons-menu li a[href*="polldaddy.com"]:before { content: '\f217'; } .social-icons-menu li a[href*="getpocket.com"]:before { content: '\f224'; } .social-icons-menu li a[href*="reddit.com"]:before { content: '\f222'; } .social-icons-menu li a[href*="spotify.com"]:before { content: '\f515'; } .social-icons-menu li a[href*="skype.com"]:before, .social-icons-menu li a[href*="skype:"]:before { content: '\f220'; } .social-icons-menu li a[href*="stumbleupon.com"]:before { content: '\f223'; } .social-icons-menu li a[href*="tumblr.com"]:before { content: '\f214'; } .social-icons-menu li a[href*="twitch.tv"]:before { content: '\f516'; } .social-icons-menu li a[href*="twitter.com"]:before { content: '\f202'; } .social-icons-menu li a[href*="vimeo.com"]:before { content: '\f212'; } .social-icons-menu li a[href*="wordpress.org"]:before, .social-icons-menu li a[href*="wordpress.com"]:before { content: '\f205'; } .social-icons-menu li a[href*="youtube.com"]:before { content: '\f213'; } .social-icons-menu li a[href*="newsletter"]:before, .social-icons-menu li a[href*="mailto"]:before { content: '\f410'; } .social-icons-menu li a[href*="/feed"]:before, .social-icons-menu li a[href*="/feed/"]:before, .social-icons-menu li a[href*="?feed=rss2"]:before, .social-icons-menu li a[href*="feedburner.google.com"]:before, .social-icons-menu li a[href*="feedburner.com"]:before { content: '\f413'; } /* Header Social Icons */ #header-social-icons { float: right; } /* Footer Social Icons */ #footer-social-icons { float: right; } #footer-social-icons .social-icons-menu li { margin: 0; } #footer-social-icons .social-icons-menu li a { padding: 0.9em; background: none; } #footer-social-icons .social-icons-menu li a:before { color: #eee; font-size: 16px; } #footer-social-icons .social-icons-menu li a:hover { background: rgba(0,0,0,0.2); } /* Comments -------------------------------------------------------------- */ #comments { margin-bottom: 2em; } #comments .comments-title, #respond #reply-title { margin-bottom: 1em; padding: 1em; font-weight: bold; color: #222; border: 1px solid #e5e5e5; background: #f8f8f8; line-height: 1.5em; } #respond #reply-title { margin-bottom: 0; border-bottom: none; } .commentlist .comment .comment-reply-title { font-size: 1.0em; } /* Comment Listing */ .commentlist { display: block; } .commentlist .comment { list-style: none; margin-bottom: 2em; } .commentlist .comment .comment-body { display: block; background: #f8f8f8; border: 1px solid #e5e5e5; list-style: none; } .commentlist .comment .comment-content { margin-left: 33%; padding: 0.7em 1.2em 1.2em; width: 67%; border-left: 1px solid #e5e5e5; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.5em; -ms-word-wrap: break-word; word-wrap: break-word; } .commentlist .comment .children { margin: 1.5em 0 0 1.5em; } .commentlist .comment .children .comment .comment-body { border-left: 0.5em solid #ddd; } .commentlist .comment .comment-meta { float: left; width: 33%; padding: 0.8em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .comment-meta .comment-author img { float: left; margin: 0 1em 0 0; } .comment-meta .comment-author img:after { clear: both; } .comment-meta .comment-author .fn { display: inline-block; font-size: 1.1em; font-weight: bold; margin: 0.3em 0 0.7em; } .comment-meta .comment-author .fn a:link, .comment-meta .comment-author .fn a:visited { text-decoration: underline; } .comment-meta .comment-author .fn a:hover, .comment-meta .comment-author .fn a:active { text-decoration: none; } .comment-meta .bypostauthor .fn, .comment-meta .comment-author-admin .fn{ font-style: italic; } .comment-meta .commentmetadata { font-size: 0.8em; } .comment-meta .commentmetadata p { margin: 0.4em 0; } .comment-meta .commentmetadata a:link, .comment-meta .commentmetadata a:visited, .comment-meta .commentmetadata a:active, .comment-meta .commentmetadata a:hover { color: #222; text-decoration: none; } .comment-content .comment-entry .comment-reply-link { display: inline-block; font-size: 0.9em; font-weight: bold; padding: 0.3em 1em; background: #f8f8f8; border: 1px solid #e5e5e5; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .comment-content .comment-entry .comment-reply-link:link, .comment-content .comment-entry .comment-reply-link:visited { color: #222; text-decoration: none; } .comment-content .comment-entry .comment-reply-link:hover, .comment-content .comment-entry .comment-reply-link:active { color: #cc1111; background: #fff; border: 1px solid #cc1111; box-shadow: inset 0.3em 0 0 #cc1111; } .nocomments { font-size: 0.9em; border: 1px solid #e5e5e5; background: #fff; padding: 0.2em 1em; } .commentlist .pingback { display: block; margin: 0.6em 0 0; padding: 0.8em 0 0; border-top: 1px solid #e5e5e5; list-style: none; line-height: 1.3em; } /* Comment Pagination */ .comment-pagination { font-size: 0.9em; border: 1px solid #e5e5e5; background: #fff; padding: 0.2em 1em; margin-bottom: 1em; } .comment-pagination .alignleft { float: left; } .comment-pagination .alignright { float: right; } /* Comment Form */ #respond { margin: 2em 0 0; background: #fff; } #commentform { margin: 0; padding: 1.5em 1.5em 0; border: 1px solid #e5e5e5; } #commentform p { margin: 0 0 1.5em; } #respond .must-log-in { padding: 1.5em; border: 1px solid #e5e5e5; } #commentform input[type="text"], #commentform textarea { display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #commentform label { display: block; margin: 0.6em 0 0.2em; font-size: 0.9em; font-weight: bold; } #commentform #submit { display: block; margin: 1em 0 0; padding: 0.8em 4em; } /* Featured Content -------------------------------------------------------------- */ #featured-content-bg { background: #fff; padding-bottom: 0.5em; border-bottom: 1px solid #ddd; } #featured-content-wrap { clear: both; padding: 1.5em 0 0; } #featured-content { margin-right: -1em; } #featured-content .featured-post { float: left; padding-right: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 25%; } #featured-content .featured-post .type-post { margin-bottom: 1em; } #featured-content .featured-post:nth-child(4n + 1) { clear: left; } #featured-content .featured-post .featured-post-thumbnail { padding: 0.8em; border-bottom: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f8f8f8; } #featured-content .featured-post .featured-post-content { padding: 0.8em 1em; background: #fff; } #featured-content .featured-post .entry-title { font-size: 1.05em; } #featured-content .featured-post .entry-title a:hover { text-decoration: underline; } /* Footer -------------------------------------------------------------- */ #footer-bg { background: #cc1111; } #footer-wrap { background: rgba(0,0,0,0.25); } #footer { color: #fff; } #footer a { color: #ddd; } #footer #footer-text { float: left; padding: 1.05em 0; font-size: 0.9em; } /*============================ MEDIA QUERIES ============================*/ /* Small screens | <1120px */ @media only screen and (max-width: 70em) { .container { width: 94%; } } /* Smaller screens | <1120px */ @media only screen and (max-width: 65em) { #featured-content .featured-post { width: 50%; } #featured-content .featured-post:nth-child(2n + 1) { clear: left; } .archive-post.has-post-thumbnail .post-content, .commentlist .comment .comment-content { margin-left: 0; border-left: none; border-top: 1px solid #e5e5e5; width: 100%; } .archive-post.has-post-thumbnail .entry-meta-wrap, .commentlist .comment .comment-meta { float: none; width: 100%; padding: 0.8em; } .archive-post.has-post-thumbnail .entry-meta-wrap .wp-post-image { float: left; margin-right: 2em; max-width: 50%; } .archive-post.has-post-thumbnail .entry-meta { margin-top: 0.5em; } .comment-meta .commentmetadata p { display: inline; padding: 0 0.4em; } } /* Tablets (landscape) | <960px */ @media only screen and (max-width: 60em) { .container { width: 100%; } #wrap, #custom-header-image { padding: 2em 2em 0; } #featured-content-wrap { padding: 1.5em 1.5em 0; } #header { padding: 2em; } #content { float: none; padding-right: 0; width: 100%; } #sidebar { clear: both; float: none; margin: 2em 0 0; width: 100%; } #logo { float: none; width: 100%; margin: 0; text-align: center; } #header-social-icons { float: none; text-align: center; margin-top: 1.5em; } #header-social-icons .social-icons-menu li { float: none; display: inline-block; margin: 0 -2px 2px 0; line-height: 1.5em; } .archive-post.has-post-thumbnail .post-content, .commentlist .comment .comment-content { margin-left: 33%; border-left: 1px solid #e5e5e5; border-top: none; width: 67%; } .archive-post.has-post-thumbnail .entry-meta-wrap, .commentlist .comment .comment-meta { float: left; width: 33%; padding: 0.8em 0.8em 0; } .archive-post.has-post-thumbnail .entry-meta-wrap .wp-post-image { float: none; margin-right: 0; max-width: 100%; } .archive-post.has-post-thumbnail .entry-meta { margin-top: 1em; } .comment-meta .commentmetadata p { display: block; padding: 0; } #footer { padding: 0 2em; } /* Mobile Top Navigation */ /* Reset */ #topnav-wrap, #topnav, .top-navigation-menu, .top-navigation-menu li, .top-navigation-menu a, .top-navigation-menu ul { margin: 0; padding: 0; position: static; float: none; display: inline; font-size: 1.0em; border: none; box-shadow: none; background: none; top: 0; left: 0; } #topnav { float: none; } #topnav-toggle { float: left; display: inline-block; margin: 0; padding: 0.6em 0.8em 0.7em; text-decoration: none; font-size: 0.8em; color: #fff; background: none; border: none; } #topnav-toggle:hover { cursor: pointer; background: rgba(0,0,0,0.2); } #topnav-toggle:after { float: left; margin: 0; -webkit-font-smoothing: antialiased; display: inline-block; content: '\f419'; font: normal 16px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; } .top-navigation-menu { float: left; display: none; width: 100%; border-top: 1px solid rgba(255,255,255,0.08); } .top-navigation-menu a { float: left; display: block; padding: 0.7em 1em; text-decoration: none; font-size: 0.8em; text-transform: uppercase; margin-bottom: 1px; } .top-navigation-menu a:hover { background: rgba(0,0,0,0.2); } .top-navigation-menu li.current_page_item a, .top-navigation-menu li.current-menu-item a { text-decoration: underline; } /* Mobile Main Navigation */ /* Reset */ #mainnav, .main-navigation-menu, .main-navigation-menu li, .main-navigation-menu a, .main-navigation-menu ul, .main-navigation-menu ul a, .main-navigation-menu ul ul, .main-navigation-menu li ul ul { margin: 0; padding: 0; position: static; float: none; display: inline; font-size: 1.0em; border: none; box-shadow: none; background: none; top: auto; left: auto; } .main-navigation-menu li, .main-navigation-menu ul, .main-navigation-menu li ul ul, .mega-menu-item .mega-menu-content, .mega-menu-item .mega-menu-content .mega-menu-widget { position: static; display: block; left: auto; top: auto; clear: left; } #mainnav { margin: 1.5em 0; float: none; } #mainnav-toggle { display: block; margin: 0; padding: 1em; width: 100%; text-decoration: none; font-size: 1.0em; font-weight: bold; font-family: 'Carme', Tahoma, Verdana, Arial; text-align: left; line-height: 1.5; background: #f8f8f8; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #mainnav-toggle:hover { cursor: pointer; background: #fff; } #mainnav-toggle:after { float: right; margin: 0; -webkit-font-smoothing: antialiased; display: inline-block; content: '\f419'; font: normal 24px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; } .main-navigation-menu { width: 100%; display: none; border-bottom: 1px solid #e5e5e5; background: #fff; } .main-navigation-menu a { display: block; padding: 1.3em; text-decoration: none; font-size: 1.0em; font-weight: bold; border-top: 1px solid #e5e5e5; background: #fff; clear: left; } .main-navigation-menu a:hover { background: #f8f8f8; } .main-navigation-menu ul { float: left; padding: 1em 0; width: 100%; background: #f8f8f8; border-top: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-navigation-menu ul a { display: block; width: 100%; padding: 1em 1em 1em 2em; font-size: 0.9em; font-weight: normal; border-bottom: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-navigation-menu ul a:hover { text-decoration: underline; } .main-navigation-menu ul li ul { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-navigation-menu ul ul a { padding-left: 4em; } .main-navigation-menu ul ul ul a { padding-left: 6em; } .main-navigation-menu li.current_page_item a, .main-navigation-menu li.current-menu-item a { text-decoration: underline; } .main-navigation-menu li.current_page_item ul li a, .main-navigation-menu li.current-menu-item ul li a{ text-decoration: none; } .main-navigation-menu ul li.current_page_item a, .main-navigation-menu ul li.current-menu-item a { text-decoration: underline; } .main-navigation-menu .submenu-dropdown-toggle { float: right; display: block; margin: 0; padding: 1.15em 1.5em; } .main-navigation-menu .submenu-dropdown-toggle:hover { cursor: pointer; } .main-navigation-menu .submenu-dropdown-toggle:hover:before { color: #777; } .main-navigation-menu .submenu-dropdown-toggle:before { font-size: 20px; line-height: 1; font-family: 'Genericons'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: inherit; vertical-align: middle; content: '\f510'; color: #222; } .main-navigation-menu .submenu-dropdown-toggle.active:before { content: '\f50e'; } .main-navigation-menu ul .submenu-dropdown-toggle { padding: 0.55em 1.2em; } .main-navigation-menu ul .submenu-dropdown-toggle:before { font-size: 16px; } /* Mega Menu Styling */ .mega-menu-item .mega-menu-two-columns > li, .mega-menu-item .mega-menu-three-columns > li, .mega-menu-item .mega-menu-five-columns > li { width: 100%; } .mega-menu-item .mega-menu-four-columns > li, .mega-menu-item .mega-menu-six-columns > li { width: 50%; } } /* Tablets (portrait) | <800px */ @media only screen and (max-width: 50em) { #logo .site-title { font-size: 2.3em; } .archive-post.has-post-thumbnail .post-content, .commentlist .comment .comment-content { margin-left: 0; border-left: none; border-top: 1px solid #e5e5e5; width: 100%; } .archive-post.has-post-thumbnail .entry-meta-wrap, .commentlist .comment .comment-meta { float: none; width: 100%; padding: 0.8em; } .archive-post.has-post-thumbnail .entry-meta-wrap .wp-post-image { float: left; margin-right: 2em; max-width: 50%; } .archive-post.has-post-thumbnail .entry-meta { margin-top: 0.5em; } .comment-meta .commentmetadata p { display: inline; padding: 0 0.4em; } .page-title { font-size: 2.2em; } .entry-title { font-size: 2.0em; } .entry h1, .comment h1 { font-size: 2.2em; } .entry h2, .comment h2 { font-size: 1.8em; } .entry h3, .comment h3 { font-size: 1.4em; } .entry tr th, .entry thead th { padding: 0.2em 0.4em; } .entry tr td { padding: 0.2em 0.4em; } } /* Phablets (portrait) | <640px */ @media only screen and (max-width: 40em) { #wrap, #custom-header-image { padding: 1.5em 1.5em 0; } #featured-content-wrap { padding: 1.3em 1.3em 0; } #header-social-icons .social-icons-menu li a { padding: 0.9em; } #header-social-icons .social-icons-menu li a:before { font-size: 20px; vertical-align: middle; } .type-post, .type-page, .type-attachment, .widget { margin: 0 0 1.5em 0; } .page-title { font-size: 2.0em; } .entry-title { font-size: 1.8em; } .entry-title .subtitle { font-size: 0.6em; } #footer-social-icons { float: none; text-align: center; } #footer-social-icons .social-icons-menu li { float: none; display: inline-block; margin: 0 -2px 2px 0; } #footer #footer-text { float: none; text-align: center; padding: 0.7em 0 1.4em; } /* Mega Menu Styling */ .mega-menu-item .mega-menu-four-columns > li, .mega-menu-item .mega-menu-six-columns > li { width: 100%; } } /* Phablets (portrait) | <640px */ @media only screen and (max-width: 34em) { #featured-content .featured-post .featured-post-thumbnail { padding: 0.4em; } #featured-content .featured-post .featured-post-content { padding: 0.4em 0.6em; } #featured-content .featured-post .entry-title { font-size: 1.0em; } .archive-post.has-post-thumbnail .entry-meta-wrap .wp-post-image { max-width: 45%; margin-right: 1em; } .archive-post.has-post-thumbnail .entry-meta { margin-top: 0; } .comment-meta .commentmetadata p { display: block; padding: 0; } } /* Smartphones | <480px */ @media only screen and (max-width: 30em) { #wrap, #custom-header-image, #featured-content-wrap { padding: 1em 1em 0; } #header-social-icons .social-icons-menu li a { padding: 0.7em; } #header-social-icons .social-icons-menu li a:before { font-size: 16px; } .type-post, .type-page, .type-attachment, .widget { margin: 0 0 1em 0; } .page-title { font-size: 1.8em; } .entry-title { font-size: 1.6em; } .entry-title .subtitle { font-size: 0.65em; } #logo .site-title { font-size: 2.0em; } #topheader #header-search .search-form .search-field { min-width: 0; } .alignright, .alignleft { float: none; margin: 1em 0; } .entry-meta span, .postinfo span { display: block; } .postinfo .meta-comments { float: none; } } /* Smartphones | <480px */ @media only screen and (max-width: 28em) { .archive-post.has-post-thumbnail .entry-meta-wrap .wp-post-image { float: none; margin-right: 0; max-width: 100%; } .archive-post.has-post-thumbnail .entry-meta { margin-top: 1em; } #featured-content .featured-post .type-post { border: none; } #featured-content .featured-post .featured-post-thumbnail { padding: 0; background: #fff; border: none; } #featured-content .featured-post .featured-post-content { padding: 0.4em 0.1em; border: none; } #featured-content .featured-post .entry-title { font-size: 0.95em; } } /* Big Screens Navi Fix | >720px */ @media only screen and (min-width: 60.001em) { /* ensure #nav is visible on desktop version */ .top-navigation-menu, .main-navigation-menu { display: block !important; } .main-navigation-menu li.menu-item:hover a { background: #fff; } .main-navigation-menu li.menu-item:hover ul a:hover { background: #f8f8f8; } }

Umgang mit einer E-Commerce Web-site Design

Berücksichtigen Sie bei der Entwicklung Ihrer eCommerce-Website, dass es drei Aktionen in einer Internet-Einkaufserfahrung vorhanden ist. Zuerst muss ein Kunde mit möglichst geringem Mühe nach dem gesuchten Symbol suchen. Zweitens müssen Sie den Paper (umgangssprachlich) sehr gut präsentieren. Drittens müssen Sie den Niedergang mit einem perfekten Check-out-Prozess abschließen. E-Commerce-Handel mit einem E-Commerce-Website-Design

Das Produkt aufspüren: Der erste Web-Stil hat den Tafelgeschirr verschiedene Kundenanforderungen in einer Benutzerschnittstelle abgeschlossen bedienen. Für Personen, die genau wissen, wonach jene suchen, ist echt es Ihre Aufgabe hierbei, ihnen über helfen, ihr empfohlenes Element in so wenigen Mausklicks wie möglich zu fundieren. Einige Kundschaft benötigen möglicherweise mehr Hände, während andere nur keinen unterschied machend durchschauen möchten. Jede Klasse von Kunden legt exklusive Schwierigkeiten ferner exklusive Chancen fest.

Was die einfache Leistung angeht, ist echt es sehr wichtig, falls Ihre Suchleiste entsprechende Empfehlungen bietet, sobald der Client beginnt, dieses Schlüsselwort des weiteren einen Schlüsselsatz einzugeben. Dies ermöglicht Ihren Kunden, mehrere Zahlen abgeschlossen sammeln ferner mögliche Entscheidungen zu treffen, ohne allen ganzen Namen des Artikels auslegen abgeschlossen müssen. Jene Auto-Vervollständigen-Funktion kann auch so formuliert werden, dass Artikel, die via von Kunden gesuchten Paper (umgangssprachlich) verknüpft befinden sich, miteinander verknüpft werden. Jedoch seien Jene vorsichtig, um sie als Empfehlungen und nicht als tatsächliche Ergebnisse einzustufen, sonst könnte Ihr Kunde schlafen gehen und den bevorzugten Gegenstand nicht entdecken. Präsentation dieses Produkts: Personen sind auffällige Tiere und die Schirm (umgangssprachlich) von klaren und teuren Bildern ist der Autoschlüssel zur Einführung Ihres Gegenstandes. Wenn Ihr Stil es Ihnen nicht erlaubt, das Bild in einer so großen Größe abgeschlossen zeigen, stellen Sie wahrscheinlich, dass Sie den Clients die Möglichkeit geben, dasjenige Bild atomar individuellen Luke anzuzeigen. Offerieren Sie ihnen kein Zoom-fähiges Gerät fuer, das sie auf einen kleinen Quadranten des Bildes beschränkt.

Preis: Offenbaren Sie zu anfang die Testen des Einzelteils stark ferner klar fuer. Bitten Jene Personen bei weitem nicht, sich zu registrieren oder die Konsumgut zu ihren Golf-Trolleys hinzuzufügen, bevor Sie ihnen erfüllen, die Kosten von Artikeln zu beherrschen. Dies vermag sicherlich Kunden verärgern und schaffen sie Ihre Internetseite zu kündigen. Beweisen Jene ihnen die Kosten, falls Sie sie zur Verfügung stellen, dadurch Sie die tatsächlichen Kostenaufwand unter welchen Kosten rauschgift verabreichen, weil jeglicher es vorzieht zu sachverstand, wenn Jene ihnen einen cope nachstellen. Bewertungen: (eine) vorgabe machen Sie Lage für Informationen, denn das stellt einander heraus, als sehr Sie die Nützlich sein Ihres Artikels mit feinen und spezifischen Informationen benützen können, aber Kunden glauben es kaum, bis dieses von einem einzelnen Kundschaft verifiziert sieht man. Während positive Meinungen die Kunden bereichern, die Meldung zu nehmen und einen Artikel zu kaufen, bieten negative Meinungen eine einzigartige Gelegenheit, den Paper (umgangssprachlich) entweder zu ändern oder öffentlich uff (berlinerisch) Kundenanliegen über antworten. Jener praktische Methode verleiht Ihrer Website wichtige Zuverlässigkeit, die Ihnen engagierte Kunden des weiteren zahlreiche Verkäufe bietet.

In allen Warenkorb: Da Ihr Call-to-Action den Kundschaft dazu fuehrt, auf die Schaltfläche “In den Warenkorb” über klicken, müssen Sie ausreichend Interesse haben, um Änderungen vorzunehmen. Das ist Das wichtigster Schlüssel, also abtauchen Sie ihn nicht. Verwenden Sie starke Farben, die sich gut mit Ihrem Stil wiederfinden und Bringt wecken. Wählen Sie die Farbe, die nirgendwo differenzierend im Stil verwendet sieht man, um sie deutlich offensichtlich zu machen.

Welchen Deal abschließen: E-Commerce1, dieser sich via einem E-Commerce-Website-Design befasst

Während jener Einkauf Spass macht, ist Geld sicher nicht. Ihre Aufgabe hierbei ist es, Käufer durch die Zahlung so rasch wie möglich zu erhalten. Folgendes berücksichtigen:

One-Page-Checkout: Bei zureichen Formularen mit vielen Aktionen muss der Webbrowser u3a.international die neue Internetseite laden, was sich negativ auf die Toleranz des Kunden auswirkt. Ergo, halten Jene nur diese eine, Webseite unfein und gesundheitspilz Sie den Kunden, nur die benötigten Informationen denn Lieferdetails, E-Mail, Kontaktnummern usw. zu vervollständigen.

Beinhalten Sie Kekse. Ein Keks ist im allgemeinen ein kleines Stück Information von einer Website gesendet und atomar Web-Browser von Person gespeichert, während dieses Kunde praktisch um die Website surft, so dass es irgendetwas über das Wellenreiten der Typ auf Ihrer Website erinnern kann. Sie können dieses einfache Gerät aufstellen, um eine Kaufwagen-Lösungsanwendung von Person über berücksichtigen oder um Aufzeichnungen zu surfen, es erlaubt Kunden, bei wem aufzuhören, sofern sie abermals auf Ihrer Website gelangen.

Die Umsetzung jener oben genannten Empfehlungen möglicherweise dazu beitragen, Ihre Transformationsrate zu koordinieren und über glücklichen, zufriedenen und hingebungsvollen Kunden führen.

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *