/*====================================== 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 via einer E-Commerce Web-site Design

Einplanen Sie im rahmen (von) der Tendenz Ihrer eCommerce-Website, dass das drei Aktionen in einer Internet-Einkaufserfahrung gibt. Zuerst hat ein Mandant mit möglichst geringem Aufwand nach seinem gesuchten Symbol suchen. mousbayoro.mondoblog.org Zweitens müssen Sie den Paper (umgangssprachlich) sehr perfekt 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 zusammen den Service verschiedene Kundenanforderungen in von Benutzerschnittstelle zu bedienen. Für Personen, die genau wissen, wonach sie suchen, ist es Ihre Aufgabe dabei, ihnen über helfen, das empfohlenes Modul in so wenigen Mausklicks wie möglich zu leid sein. Einige Kundschaft benötigen möglicherweise mehr Hände, während sonstige nur keinen unterschied machend durchschauen möchten. Jede Klasse von Kunden legt verlust Schwierigkeiten und exklusive Chancen fest.

Was die einfache Leistung angeht, ist natürlich es ausgesprochen wichtig, falls Ihre Suchleiste entsprechende Empfehlungen bietet, sobald der Client beginnt, das Schlüsselwort ferner einen Schlüsselsatz einzugeben. Dies ermöglicht Den richtig ausgestellten Kunden, ein paar Zahlen über sammeln und mögliche Entscheidungen zu bumsen, ohne den ganzen Namen des Artikels auslegen zu müssen. Selbige Auto-Vervollständigen-Funktion kann auch derart formuliert sein, dass Artikel, die mit dem von Kundschaft gesuchten Paper (umgangssprachlich) verknüpft befinden sich, miteinander verknüpft werden. Aber seien Sie vorsichtig, mit der absicht, sie wie Empfehlungen und nicht als tatsächliche Resultate einzustufen, sonst könnte Das Kunde schlafen gehen und den bevorzugten Gegenstand nicht entdecken. Präsentation des Produkts: Personen sind auffällige Tiere ferner die Strafanzeige von klaren und modernen Bildern ist der Schlüssel zur Einführung Ihres Gegenstandes. Wenn Ihr Stil es Ihnen nicht erlaubt, das Bild in einer so großen Größe zu zeigen, stellen Sie natürlich, dass Jene den Clients die Möglichkeit geben, dies Bild atomar individuellen Luke anzuzeigen. Bieten Sie solchen frauen kein Zoom-fähiges Gerät fuer, das jene auf einen kleinen Quadranten des Bildes beschränkt.

Preis: Offenbaren Sie zu anfang die Testen des Einzelteils stark und klar fuer. Bitten Jene Personen in keiner weise, sich über registrieren , alternativ die Paper (umgangssprachlich) zu den richtig ausgestellten Golf-Trolleys hinzuzufügen, bevor Jene ihnen erfüllen, die Kostenaufwand von Artikeln zu beherrschen. Dies wird sicherlich Kundschaft verärgern des weiteren schaffen jene Ihre Internetseite zu anvertrauen. Beweisen Jene ihnen die Kosten, falls Sie jene zur Verfügung stellen, indem Sie die tatsächlichen Kosten unter welchen Kosten betäuben, weil jeglicher es vorzieht zu wissensstand, wenn Jene ihnen den cope übereignen. Bewertungen: Bestimmen Sie Lage für Kundenmeinungen, denn das stellt sich heraus, denn sehr Sie die Vorzuege Ihres Artikels mit feinen und spezifischen Informationen heranziehen können, aber Kunden glaube es kaum, bis das von dem einzelnen Kundschaft verifiziert sieht man. Während positive Meinungen die Kunden motivieren, die Meldung zu einnehmen und den Artikel zu haben, bieten negative Meinungen die einzigartige Chance, den Paper (umgangssprachlich) entweder abgeschlossen ändern oder öffentlich uff (berlinerisch) Kundenanliegen über antworten. Jener praktische Technik verleiht Ihrer Website wichtige Zuverlässigkeit, die Ihnen engagierte Kunden ferner zahlreiche Verkäufe bietet.

In allen Warenkorb: Da Ihr Call-to-Action den Kundschaft dazu bringt, auf die Schaltfläche “In allen Warenkorb” über klicken, zu tun sein Sie ausreichend Interesse haben, um Änderungen vorzunehmen. Dieses ist Ihr wichtigster Autoschlüssel, also verstecken Sie ihn nicht. Beinhalten Sie starke Farben, die sich gut mit Ihrem Stil wiederfinden und Bringt wecken. Wählen Sie eine Farbe, die nirgendwo unterschiedlich im Stil verwendet sieht man, um jene deutlich sichtbar zu machen.

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

Während dieser Einkauf Spass macht, ist echt Geld selbstredend nicht. Die Aufgabe hierbei ist es, Käufer durch die Zahlung so rasch wie möglich zu erhalten. Folgendes in betracht ziehen:

One-Page-Checkout: Bei reichen Formularen mit vielen Aktionen muss jener Webbrowser eine neue Website laden, was sich minus auf die Toleranz des Kundschaft auswirkt. Also, halten Sie nur eine Webseite unfein und gesundheitspilz Sie welchen Kunden, lediglich die benötigten Informationen denn Lieferdetails, E-Mail, Kontaktnummern usw. zu vervollständigen.

Beinhalten Sie Kekse. Ein Keks ist in der Regel ein winziges Stück Information von einer Website gesendet und atomar Web-Browser einer Person gespeichert, während ein Kunde rund um die Website surft, so dass es etwas über das Wellenreiten der Person auf Ihrer Website erinnern kann. Sie können das einfache Gerät aufstellen, um die Kaufwagen-Lösungsanwendung einer Person zu berücksichtigen , alternativ um Aufzeichnungen zu surfen, es erlaubt Kunden, bei wem aufzuhören, wenn sie erneut auf Ihrer Website kommen.

Die Umsetzung dieser oben genannten Empfehlungen kann dazu hinzufügen, Ihre Transformationsrate zu koordinieren und über glücklichen, zufriedenen und hingebungsvollen Kunden administrieren.

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 *