/*====================================== 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

Berücksichtigen Sie im rahmen (von) der Tendenz Ihrer eCommerce-Website, dass das drei Aktionen in von Internet-Einkaufserfahrung existieren. Zuerst hat ein Mandant mit möglichst geringem Mühe nach seinem gesuchten Symbol suchen. www.psychologicalhealthandtherapy.com Zweitens müssen Jene den Artikel sehr gut präsentieren. Drittens müssen Jene den Niedergang mit einem perfekten Check-out-Prozess abschließen. E-Commerce-Handel mit einem E-Commerce-Website-Design

Das Produkt aufgabeln: Der optimalste Web-Stil gesammelt den Tafelgeschirr verschiedene Kundenanforderungen in ihrer Benutzerschnittstelle zu bedienen. Für Personen, die genau sachverstand, wonach sie suchen, ist natürlich es Die Aufgabe dabei, ihnen abgeschlossen helfen, das empfohlenes Teil in so sehr wenigen Mausklicks wie möglich zu leid sein. Einige Kundschaft benötigen möglicherweise mehr Hände, während andere nur keinen unterschied machend durchschauen möchten. Jede Art von Kundschaft legt exklusive Schwierigkeiten und exklusive Möglichkeiten fest.

Was die einfache Leistung angeht, ist es ausgesprochen wichtig, dass Ihre Suchleiste entsprechende Empfehlungen bietet, sobald der Client beginnt, das Schlüsselwort und einen Schlüsselsatz einzugeben. Das ermöglicht Diesen Kunden, ein paar Zahlen abgeschlossen sammeln des weiteren mögliche Entscheidungen zu treffen, ohne allen ganzen Renommee des Artikels auslegen zu müssen. Jene Auto-Vervollständigen-Funktion möglicherweise auch so formuliert werden, dass Paper (umgangssprachlich), die via von Kunden gesuchten Artikel verknüpft sind immer wieder, miteinander verknüpft werden. Aber seien Jene vorsichtig, mit der absicht, sie denn Empfehlungen des weiteren nicht denn tatsächliche Ergebnisse einzustufen, ansonsten könnte Das Kunde zubettgehen und den bevorzugten Gegenstand nicht fundieren. Präsentation dieses Produkts: Personen sind auffällige Tiere des weiteren die Anzeige von klaren und modernen Bildern ist der Schlüssel zur Einführung Ihres Gegenstandes. Wenn Ihr Stil es Solchen frauen nicht erlaubt, das Bild in einer so großen Größe zu zeigen, stellen Sie natürlich, dass Sie den Clients die Möglichkeit geben, das Bild atomar individuellen Fenster anzuzeigen. Bieten Sie ihnen kein Zoom-fähiges Gerät an, das sie auf 1 kleinen Quadranten des Bildes beschränkt.

Preis: Offenbaren Sie zuerst die Kosten des Einzelteils stark des weiteren klar fuer. Bitten Sie Personen nicht, sich über registrieren , alternativ die Paper (umgangssprachlich) zu ihren Golf-Trolleys hinzuzufügen, bevor Sie ihnen erfüllen, die Testen von Artikeln zu verstehen. Dies wird sicherlich Kundschaft verärgern und schaffen sie Ihre Internetauftritt zu kündigen. Beweisen Jene ihnen die Kosten, sofern Sie sie zur Verfügung stellen, indem Sie die tatsächlichen Kostenaufwand unter welchen Kosten betäuben, weil jedweder es vorzieht zu wissen, wenn Sie ihnen 1 cope zur Verfügung stellen. Bewertungen: (eine) vorgabe machen Sie Platz für Meinungen, denn dieses stellt gegenseitig heraus, als sehr Sie die Vorteile Ihres Artikels mit eleganten und spezifischen Informationen heranziehen können, jedoch Kunden glauben es praktisch, bis es von einem einzelnen Kundschaft verifiziert vermag. Während positive Meinungen die Kunden bereichern, die Nachricht zu nehmen und den Artikel zu haben, bieten negative Meinungen eine einzigartige Gelegenheit, den Konsumgut entweder zu ändern oder aber öffentlich herauf Kundenanliegen zu antworten. Dieser praktische Methode verleiht Ihrer Website alle Zuverlässigkeit, die Ihnen engagierte Kunden des weiteren zahlreiche Verkäufe bietet.

In allen Warenkorb: Angesichts der tatsache Ihr Call-to-Action den Kunden dazu bringt, auf die Schaltfläche “In allen Warenkorb” zu klicken, zu tun sein Sie ausreichend Interesse haben, um Änderungen vorzunehmen. Dieses ist Das wichtigster Schlüssel, also entstellen Sie ihn nicht. Einsetzen Sie starke Farben, die sich leicht mit Diesem Stil wiederfinden und Bürger wecken. Wählen Sie eine Farbe, die nirgendwo anders im Stil verwendet vermag, um jene deutlich offensichtlich zu machen.

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

Während der Einkauf Spaß macht, ist natürlich Geld sicher nicht. Ihre Aufgabe hierbei ist dieses, Käufer anhand die Zahlung so schnellstens wie möglich zu bekommen. Folgendes in betracht ziehen:

One-Page-Checkout: Bei reichen Formularen mit vielen Aktionen muss dieser Webbrowser die neue Webseite laden, was sich minus auf die Toleranz des Kunden auswirkt. Folglich, halten Sie nur diese eine, Webseite unfein und fragen Sie den Kunden, lediglich die benötigten Informationen als Lieferdetails, E-Mail, Kontaktnummern usw. zu vervollständigen.

Verwenden Sie Kekse. Ein Kräcker ist in der Regel ein kleines Stück Zahlen von einer Website gesendet und atomar Web-Browser von Person gespeichert, während dieses Kunde rund um diese eine, Website surft, so dass es irgendwas über das Surfen der Individuum auf Ihrer Website nennen kann. Sie können dieses einfache Gerät aufstellen, um eine Kaufwagen-Lösungsanwendung ihrer Person über berücksichtigen oder aber um Aufzeichnungen zu wellenreiten, es erlaubt Kunden, wo aufzuhören, sofern sie abermals auf Ihrer Website kommen.

Die Umsetzung jener oben genannten Empfehlungen kann dazu beitragen, Ihre Transformationsrate zu koordinieren und abgeschlossen 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 *