Tilbakemelding på WP side

Andcatz · 10. juni 2013

Hei. Jeg har laget min første nettside å forsøker fremdeles og optimalisere den.

Hvordan er første inntrykket av startsiden? Jeg har rotet litt med katagoriene og sidene, men det skal jeg få ordnet.

http://friskisen.com/

Endret 10. juni 2013 av Andcatz

MikkelRev · 10. juni 2013

1. Valideringsfeil på W3C Markup validator: 34 Errors, 4 warning

2. Valideringsfeil på WAVE (assessibility testing).- wave.webaim.org

3. Masse reklame alle veier

4. Slideshowen går altfor fort. Rekker ikke lese overskriftene engang før den hopper videre.

5. Engelsk på en norsk side.

6. Sær skrivings feil.

7. Du har masse Javascript-errors i konsollen.

8. Next i pagineringen funker ikke på forsiden.

9. Link for RSS - Comments, men ingen åpne kommentarfelt.

10. "Tjen penger hjemmefra" er veldig off-topic fra resten av nettstedets tema, og kunne like godt blitt kalt: "Hvordan legge inn junk, spam og rot på hjemmesiden din".

11. Anonym skribent og ingen kildehenvisning gir liten troverdighet.

12. Forbedringspotensial på ytelsestesting: http://tools.pingdom.com/fpt/#!/ezznf4/http://friskisen.com/

Endret 10. juni 2013 av MikkelRev

Andcatz · 12. juni 2013

Takk for masse tilbakemeldinger. Jeg har brukt en WP theme, men klarer ikke endre diverse tekst.

iNeo · 12. juni 2013

Logoen/banneret er ALT for stort etter min mening. Ødelegger hele siden da man må begynne å "lete" etter innholdet.

MikkelRev · 12. juni 2013

ja, innholdet er gjemt mellom all reklamen.

Andcatz · 10. juli 2013

Gjort en del endringer nå, den ser vel ikke så "shady" ut lengre?

iNeo · 27. juli 2013

Jeg synes enda siden er ltit for rotete. Det ser ut som om alt går sammen, og at det ikke er noe som separerer innholdet. Vanskelig å forklare.

Insula · 5. august 2013

Jeg snudde på grunn av all reklamen.

Dan-Levi · 15. august 2013

Tok meg friheten av å gjøre noen tweaks på css filen din og introduserte litt farger og slikt for å skille innholdet på siden. legger ved screenshot. om du vil jeg skal fjerne må du bare si ifra

CSS koden ser slik ut:

/*
Theme Name: Max Magazine
Theme URI: http://gazpo.com/2012/07/max/
Author: Sami Ch.
Author URI: http://gazpo.com/
Description: Max Magazine is a super-awesome responsive wordpress theme best suited for newspaper or magazine websites. The theme is packed with an easy-to-use options panel which makes it very easy to customize the layout. It also holds a beautiful jQuery slider, carousel posts, and up to 4 featured categories on homepage. There are two widgetized sections in siderbar and footer of the theme where you can use default or custom widgets included in the theme. The responsive layout makes it look great on iPad and rest of the tablets and mobile devices. 
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, black, gray, light, one-column, two-columns, right-sidebar, fixed-width, custom-background, editor-style, featured-images, full-width-template, sticky-post, theme-options
Text Domain: max-mag
*/

/*
Warning: Do not edit this file, it will be overwritten by the next theme update. If you want to customize the styles, create a child theme instead
See: http://codex.wordpress.org/Child_Themes
*/

/* TABLE OF CONTENT 
 * ================================================
 * 1.  RESET
 * 2.  COMMON ELEMENTS
 * 3.  BASE LAYOUT
 * 4.  HEADER
 * 5.  NAVIGATION MENU
 * 6.  MAIN CONTENT
 * 7.  SIDEBAR
 * 8.  FOOTER
 * 9.  MEDIA QUERIES
 **/


 /* 1. RESET
 * ================================================ */
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


 /* 2. COMMON ELEMENTS
 * ================================================ */
h1, h2, h3, h4, h5, h6{
	font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:700;
	line-height:1.4;
}

h1{
	font-size:30px;
}

h2{
	font-size:22px;
}

h3{
	font-size:16px;
}

h4{
	font-size:14px;
}

h5{
	font-size:13px;	
}

a{
	-moz-transition: background-color 0.2s linear 0s;
}

a:link {
	color: #4581B9;
	text-decoration:none;
}

a:visited {
	color: #4581B9;
}

a:active {
	color: #404B58;
}

a:hover {
	color: #404B58;
}

ul, ol {
	margin: 0 0 1.5em 2.5em;
}

ul {
	list-style: square;
}

ol {
	list-style-type: decimal;
}

ol ol {
	list-style: upper-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}

dl {
	margin: 0 1.5em;
}

dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.5em;
}

strong {
	font-weight: bold;
}

small { 
	font-size: 80%; 
}

big {
	font-size: 120%;
}

cite, em, i {
	font-style: italic;
}

cite {
	border: none;
}

blockquote {
	font-style:italic;
    margin: 7px 35px 7px 45px;    
	font-style:italic;
	background:#f7f7f7;
	padding:10px;
}

blockquote p {
	margin: 0px;
	padding: 0px;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
pre {
	background: rgba(0, 0, 0, 0.05);
	font: 87.5% "Courier 10 Pitch", Courier, monospace;
	line-height: normal;
	margin-bottom: 1.5em;
	padding: 0.75em 1.5em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup, sub {
	font-size: 62.5%;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

input[type=text], textarea {
	border: 1px solid #E7E7E7;
}

textarea {
	padding-left: 3px;
	width: 98%;
}

address {
	display: block;
	margin: 0 0 1.625em;
}

table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
	text-align:left;
}

th {
	color: #666;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 2.6em;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}

p{
	margin-bottom: 15px;
}

img{
	max-width: 100%; 
	height: auto;
}

/*-- WordPress common classes*/
.clear{
	clear:both;
}
 
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.25em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.25em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignnone{
	display: inline;
	float: left;
	margin-right: 1.25em;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.25em;
}

p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	margin-bottom: 1.25em;
	max-width: 96%;
	text-align:center;
}

.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}

.gallery{
	margin-bottom:15px !important;
}

.gallery dl{
	margin:0;
}

.gallery img{
	border:none !important;
}


 /* 3. BASE
 * ================================================ */	
body{
	background-color: #ccc !important;
	color: #555555;
	font-size: 13px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	line-height: 1.6em;	
}

#container{
	width: 960px; 
	margin: 0 auto;
}

#content-container{
    border-radius:10px;
	padding: 15px; 	
	background: #fff; 
	overflow:hidden;	
}

#content {
	float: left;
	width: 630px;
}

.wide-content{
	width:100% !important;	
}

/* 4. HEADER
* ================================================ */	
#header{
    border-radius:10px;
	padding: 15px; 
	margin: 15px auto 20px; 
	background: #fff; 
	border-bottom: 6px solid #ddd;	
}

#header .header-wrap{
	overflow:hidden;
	margin-bottom:10px;
	padding-bottom:10px;
	background: url("images/sep-bg.png") repeat-x center bottom;	
}

#header .logo{
	float:left;
	width:350px;	
}

#header .logo h1{
	margin-bottom: 10px;
}

#header .logo img{
    width:250px;
	display: block;
	margin-top:5px;
}

#header .ad468 {
	width:500px;
	float:center;
	text-align:center;
}

/* 5. NAVIGATION MENU
* ================================================ */
#nav{
    clear: both;
}	
	
#nav select {
    display: none;
    z-index: 3000;
    position: relative;
    padding: 6px;
    font-size: 14px;
    border: 1px solid #ccc;
    height: 34px;	
	color:#555555;
	font-family:inherit;
}

#nav ul {
	z-index:99; 
	margin:0; 
	padding:0; 
	list-style:none;
	text-align:left;
	
}

#nav ul li{
	position: relative;
	display:block;
	float:left;
	margin:0;
	padding:0;
	
}

#nav ul li a{	
	display: block;
	border: 1px solid #ccc;
    border-radius:10px;
    box-shadow: 1px 1px 4px #cccccc;
	float: left;
	position:relative; 
	font-size: 14px;
	font-weight:700;
	text-transform: uppercase;
	padding:2px 10px;
	margin:5px;
	height:40px;
	line-height:40px;
}

#nav ul.sub-menu{
	display: none;
	position: absolute;
	top: 55px;
	width:190px;
	left:0px;
	z-index: 9999;
	background: #ffffff !important;
	border:1px solid #fff;
	border-radius:10px;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
			box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
	padding:0px;
	margin:0px;
}

 #nav ul.sub-menu a{
	display:block !important;
	width:160px;
	text-transform: none;
	font-size:15px;
	font-weight:700;
	border-bottom:0px solid #efefef;	
}

#nav ul li ul li ul{	
	margin: -30px 0 0 280px;	
}

#nav .sf-sub-indicator{
	display:none;
}

#nav ul.sub-menu li.current-menu-item a, 
#nav ul.sub-menu li.current-page-ancestor a,
#nav ul.sub-menu li.current-menu-ancestor a{
	color:#4581B9 !important;
} 

/* 6. MAIN CONTENT
 * ================================================ */

 /*-- Slider --*/
#slider{
	margin-bottom:20px;
}

#slider .lof-slidecontent{
	width:630px; 
	height:300px;
}

#slider .attachment-slider-image{
	width:630px; 
	height:300px;
}

#slider .main-slider-content{
	width:630px; 
	height:300px;
}

#slider .lof-slidecontent {
	position:relative;	
	overflow:hidden;	
	border:1px solid #F4F4F4;
}

#slider .lof-slidecontent .preload{
	height:100%;	
	width:100%;	
	position:absolute;	
	top:0;	
	left:0;	
	z-index:100000;	
	text-align:center;	
	background:#ffffff;
}

#slider .lof-slidecontent .preload div{	
	height:100%;	
	width:100%;	
	background:transparent url(images/s-load-indicator.gif) no-repeat scroll 50% 50%;
}

#slider .lof-slidecontent  .sliders-wrapper{	
	position:relative;	
	height:100%;	
	width:900px;	
	z-index:3px;	
	overflow:hidden; 
}

#slider .lof-slidecontent  ul.sliders-wrap-inner{
	overflow:hidden;	
	background:transparent url(images/s-load-indicator.gif) no-repeat scroll 50% 50%;	
	padding:0px;	
	margin:0;	
	position:absolute;	
	overflow:hidden;
}

#slider .lof-slidecontent  ul.sliders-wrap-inner li{
	overflow:hidden;	
	padding:0px;
	margin:0px;	
	float:left;	
	position:relative;
}

#slider .lof-slidecontent  .lof-opacity  li{
	position:absolute;	
	top:0;	
	left:0;	
	float:inherit; 
}

#slider .lof-slidecontent  .navigator-content {
	position:absolute; 
	bottom:10px; 
	right:10px;
	background:url(images/s-tr-bg.png) repeat;
	padding:5px 0px;
}

#slider .lof-slidecontent  .navigator-wrapper{	
	position:relative;	
	z-index:10;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}

#slider .lof-slidecontent  ul.navigator-wrap-inner{	
	top:0;	
	padding:0;	
	margin:0;	
	position:absolute;	
	width:100%; 
}

#slider .lof-slidecontent  ul.navigator-wrap-inner li{ 
	cursor:hand; 	
	cursor:pointer;	
	list-style:none;	
	padding:0;	
	margin-left:0px;	
	overflow:hidden;	
	float:left;	
	display:block;	
	text-align:center;
}

#slider ul.sliders-wrap-inner li img{	
	padding:0px;	
}

#slider .lof-main-item-desc{
	z-index:100px;
	position:absolute;
	bottom:70px;
	left:0px;
	width:350px;
	background:url(images/s-bg-trans.png);
	height:100px;
	padding:10px;
	color:#cccccc;
}

#slider .lof-main-item-desc h3 a{
	color: #e8e8e8;
}

#slider .lof-main-item-desc .date{
	font-size:12px;
}

#slider .lof-slidecontent .attachment-small-thumb{
	width:70px;
	height:25px;
}

#slider .lof-slidecontent ul.navigator-wrap-inner li img{
	border:#666 solid 3px;	
}

#slider .lof-slidecontent ul.navigator-wrap-inner li.active img, 
#slider .lof-slidecontent ul.navigator-wrap-inner li:hover img {
	border:#A8A8A8 solid 3px;
	-moz-transition:border-color  ease-in-out 0.4s
}

#slider .lof-slidecontent .navigator-content .button-next, 
#slider .lof-slidecontent .navigator-content .button-previous{
	display:block;
	width:22px;
	height:30px;
	color:#FFF;
	cursor:pointer;
}

#slider .lof-slidecontent .navigator-content .button-next {
	float:left;	
	text-indent:-999px;
	margin-right:5px;
	background:url(images/s-arrow-l.png) no-repeat right center;
}

#slider .lof-slidecontent .navigator-content .button-previous {
	float:left;	
	text-indent:-999px;
	margin-left:5px;
	background:url(images/s-arrow-r.png) no-repeat left center;
}

#slider .lof-slidecontent .button-control {
	position:absolute;
	top:10px;
	right:10px;
    height: 20px;
    width: 20px;
	cursor:hand; cursor:pointer;
	background:url(images/s-tr-bg.png) repeat;
}

#slider .lof-slidecontent .button-control span { 
	display:block;  
	width:100%; 
	height:100%;
}
	
#slider .lof-slidecontent .action-start span  {
	background:url(images/s-play.png) no-repeat center center;
}

#slider .lof-slidecontent .action-stop span {
	background:url(images/s-pause.png) no-repeat center center;
}

/*-- Homepage carousel --*/
#carousel {
	margin-bottom:20px;
	overflow:hidden;	
	padding-bottom: 25px;
	background: url("images/sep-bg.png") repeat-x center bottom;
}

#carousel .carousel-posts ul {
	overflow:hidden;	
}

#carousel .title{
	overflow:hidden;
	margin-bottom:10px;
}

#carousel .cat{
	display:inline-block;	
	float:left;
	
}

#carousel .buttons{
	float:right;
	margin-right:5px;
}

#carousel .prev{
	margin-right:5px;
}

#carousel .prev,
#carousel .next {
	opacity:0.5;
	width:20px;
	height:20px;
	float:left;
	cursor:pointer;
}

#carousel .prev:hover,
#carousel .next:hover{
	opacity:0.7;
}

#carousel .carousel-posts li {
	width:190px;
	list-style:none;
	margin:0;
	margin-right:26px;
	float:left;	
}

#carousel .post-excerpt{
	max-height:100px;
	overflow:hidden;
	line-height:1.5;	
}

#carousel .post-meta{
	color: #888888;
}

#carousel .post-meta .sep{
	margin:0 5px;
}

#carousel .carousel-posts img {
	width:190px;
	height:130px;
}

/*-- Featured Categories --*/
#featured-categories{
	overflow:hidden;
}

#featured-categories .category{
	width:300px;
	float:left;
	overflow:hidden;
	position:relative;
	padding-bottom: 15px;
	margin-bottom:25px; 
	background: url("images/sep-bg.png") repeat-x center bottom;	
}

#featured-categories .right-side{
	margin-left:30px;
}

#featured-categories .category .attachment-feat-thumb{
	width:300px;	
	height:170px;	
}

#featured-categories h3.cat-title {
	left: 0;
	margin-top: 0;
	position: absolute;
	top: 0;
	z-index: 3;
}

#featured-categories h3.cat-title a {
	background:#999; 
	color:#ddd; 
	display:block; 
	padding:5px 12px; 
	-moz-transition:  .8s ease-in-out; 
	-webkit-transition:  .8s ease-in-out; 
	transition:  .8s ease-in-out;
	background: rgba(0, 0, 0, 0.4);
}
				
#featured-categories h3.cat-title a:hover { 
	background: rgba(0, 0, 0, 0.6);
}

#featured-categories .feat-post h3{
	margin-bottom:5px;
}
#featured-categories .more-posts .post{
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}

#featured-categories .more-posts .post .right{
	float:left;	
	width:240px;
}

#featured-categories .more-posts img {
	display: block;
	width: 50px;
	height: 50px;
	float: left;
	margin: 1px 10px 0px 0;
}

#featured-categories .more-posts .post-meta .sep{
	margin:0 5px;
}

#posts-list .post{
    border:1px solid #eee;
    box-shadow:1px 1px 2px #ccc;
    border-radius:10px;
	overflow:hidden;
	padding: 5px;
	margin-bottom:20px; 
	background: url("images/sep-bg.png") repeat-x center bottom;
}

#posts-list .post-image{
    padding:0px;
    margin:5px 0px;
    border-radius:10px;
	margin-right:20px;
	float:left;
}

#posts-list .post-image img{
	width:150px
}

#posts-list .post-meta .sep{
	margin:0 5px;
}

#posts-list .post .exceprt p{
	margin-bottom:7px;
}

#content .page-title{
	margin-bottom:20px; 
}

#content .post-meta{
	font-size:12px;
	background-color:#ccc;
	padding:1px 5px;
	color: #196590;	
	margin-bottom:7px;
}

#content .archive-meta{
	background: #f7f7f7;
	padding:8px 10px;
	margin-bottom:20px;
}

#content .archive-meta p{
	margin-bottom:5px;
}

#content .no-posts-notice{
	background: #f7f7f7;
	padding:8px 10px;
	margin-bottom:20px;
}

#content .post .sticky{		
	font-size:12px;
	background:#f2f2f2;
	padding:4px 6px;
	letter-spacing:1px;
	display:inline-block;
	line-height:1;
	border-bottom:1px solid #eee;
}

#content .post,
#content .page{
    border:1px solid #ccc;
	overflow:hidden;
	margin-bottom:30px;
}

#content  .post .post-entry{
	overflow:hidden;
}

#content .post-meta .sep{
	margin:0 5px;
}

#content .post .author{
	overflow:hidden;
}

#content .post .author h3{
	margin-bottom:5px;
}

#content .post .author .avatar{
	float:left;	
	width:50px;
	margin-top:5px;
}

#content .post .author .author-meta{
	margin-left:60px;
}

#content .image-nav, 
#content .post-nav {
	margin: 12px 0;
	overflow:auto;
}

#content .image-nav .previous, 
#content .post-nav .previous {
	float: left;
	text-align: left;
	width: 50%;
}

#content .image-nav .next, 
#content .post-nav .next {
	float: right;
	text-align: right;
	width: 50%;
}

#content .parent-post-link{
	margin:10px 0;
	text-align: center;	
}

#content  .pagination{
	text-align:center; 
	text-shadow: none;  
}

#content .pagination .current { 
	background:#b8d8ea;
}

#content .pagination  .page-numbers {
	border:solid 1px #b8d8ea;
	border-radius:10px;
	display: block;
	float: left;	
	margin-right:7px;
	padding: 3px 13px;
	position: relative;
}

#content .pagination  .page-numbers:hover {
	border:solid 1px #000;
}

#content .post .widget{
	margin:20px 0;
	padding-bottom: 20px;
	background: url("images/sep-bg.png") repeat-x center bottom;
	overflow:hidden;
}

#content .post .widget li{
	border-bottom:none;
}


/*-- Post comments --*/
#comments h2{
	margin:15px 0;
}

#comments span.date-and-time a { 
	display: block; 
	font-size:13px;
	color:#999; 
	text-decoration: none; 
	font-weight: normal; 
	margin: 2px 0;
}

#comments p.comment-notes {
	font-size: 12px; 
	color: #333333; 
}

#comments ol.commentlist{
	margin:0;
}

#comments ol.commentlist li div.comment-author { 
	margin-top: 5px; 
}

#comments ol.commentlist .comment-meta .comment-awaiting-moderation{ 
	color:red; 
	font-style:italic; 
}

#comments ol.commentlist .pingback{
	margin-bottom:10px;
}

#comments ol.commentlist .pingback .title{
	font-size:14px;
	font-weight: 700;
}

#comments ol.commentlist li div.vcard {
	font-size: 14px; 
	font-weight: bold; 
	margin-bottom: 0;   
}

#comments ol.commentlist li div.vcard span.edit-link a {
	font-size: 13px; 
	font-weight: 400; 
	margin-bottom: 0;
}

#comments ol.commentlist .comment-content p{ 
	margin-bottom:10px;
}

#comments ol.commentlist li div.vcard cite.fn { 
	font-style:normal; 
}

#comments ol.commentlist li div.vcard img.avatar {
	float:left; 
	margin-right: 10px; 
}

#comments ol.commentlist li { 
	list-style: none; 
}

#comments ol.commentlist li div.reply { 
	margin-bottom: 15px;
}

#comments ol.commentlist li ul.children { 
	list-style:none; 
	margin:15px 0 0; 
	text-indent:0;
}

#comments ol.commentlist li ul.children li.depth-2 { 
	margin: 0 0 30px 40px;  
}

#comments ol.commentlist li ul.children li.depth-3 { 
	margin: 0 0 30px 40px; 
}

#comments ol.commentlist li ul.children li.depth-4 { 
	margin: 0 0 30px 40px; 
}

#comments ol.commentlist li ul.children li.depth-5 { 
	margin: 0 0 30px 40px; 
}

#comments ol.commentlist > li.bypostauthor {

}
 
#respond p.comment-form-comment label{
	display:none;
}

#commentform p.comment-notes{
	color:#888;
}

#commentform p.form-allowed-tags{
	display:none;
}

#respond input[type="text"], #respond input[type="password"] {
	width: 320px; 
	height: 30px; 
	line-height: 30px; 
	padding: 0px 0px 0px 10px; 
	margin-right: 12px; 
	line-height: 20px; 
	border:1px solid #CFCFCF;
	color:#555555;
	font-size: 13px;	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
}

#respond textarea{
	height: 165px; 
	padding: 10px; 
	width: 90%;
	line-height: 20px; 
	border:1px solid #CFCFCF;
	color:#555555;
	font-size: 13px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
	
#respond #submit{
	-moz-transition:  .8s ease-in-out; 
	-webkit-transition:  .8s ease-in-out; 
	transition:  .8s ease-in-out;
	background: #41464b;
	border: 1px solid #41464b;
	border-radius: 3px 3px 3px 3px;
	color:#eeeeee;
	margin:0 0 20px;
	padding: 5px 7px;	
}

#respond #submit:hover {
	cursor:pointer;
	color:#fff;
	background:#292f33;
} 
	
/* 7. SIDEBAR
 * ================================================ */
#sidebar {
	width: 280px;
	float: right;
	margin-left:20px;
}

#sidebar img{
    width:40px;
    border-radius:10px;
    box-shadow:1px 1px 10px #000;
}

#sidebar h3{
	margin-bottom:10px;
}

#sidebar .widget{
    padding-left:5px;
	padding-bottom: 20px;
	margin-bottom:20px; 
	background: url("images/sep-bg.png") repeat-x center bottom;
	width:280px;
	overflow:hidden;
}

.widget ul {
	margin:0;
	padding:0;
}
.widget:first-child{
	margin-top: 0px;
}

.widget:last-child{
	border-bottom: none;
}

.widget ul li {
	background: url("images/arrow-sidebar.png") no-repeat left 9px;
	border-bottom: 1px dotted #E7E7E7;
	color: #444444;
	margin: 0;
	overflow: hidden;
	padding: 6px 15px;
}

.widget ul li:last-child{
	border-bottom: none;
}

/*-- subscriber counter widget --*/
#sidebar .widget_social_count ul{
	overflow:hidden;
}

#sidebar .widget_social_count a{
	color:#737373;
}

#sidebar .widget_social_count li {
	float: left;	
	font-size: 23px;
	line-height: 13px;
	font-weight: bold;
	color: #666;
	padding-top: 9px;
	padding-left: 40px;
	border-bottom: none;	
 }

#sidebar .widget_social_count li .small {
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
    color: #999;
}

#sidebar .widget_social_count li .small a {
	color: #999;
}

#sidebar .widget_social_count .rss {
	background: url(images/rss32.png) 0px 5px no-repeat;
	margin-right:15px;
	width:78px;
}

#sidebar .widget_social_count .twitter {
	background: url(images/twitter32.png) 0px 5px no-repeat;
	width: 75px;
}

#sidebar .widget_ad125 ul{
	overflow:auto;
	margin-top:10px;
	margin-left:15px;	
}

#sidebar .widget_ad125 li{
	float:left;
	margin-bottom:5px;
	border-bottom: none;	
	background:none;
	padding:0;	
}

#sidebar .widget_ad125 li a{
	display:block;
}

#sidebar .widget_ad125 li:first-child{
	float:left;
	margin-right:10px;
}

#sidebar .widget_ad125 li:last-child{
	float:left;
	margin-left:12px;
}

/*-- twitter widget --*/
.widget_tweets{
	height:272px;
}

.widget_tweets  .twtr-ft{
	display:none;
}

.twtr-tweet-text em{
	display:none !important;
}

/*-- search widget --*/
.searchfield{
	font-size: 13px;
	padding: 10px 28px 10px 6px;
	width: 240px;
	border:1px solid #E7E7E7;
	font:inherit;
	color: #888;
	background: url("images/magnify.png") no-repeat 96% 50%;
}

/*-- Tags Widget --*/
.tagcloud{
	overflow:hidden;
	margin-top:10px;
}

.tagcloud a {
	background: #F7F7F7;
	color: #494F56;
	display: block;
	float: left;
	font-size: 12px !important;
	line-height: 12px;
	margin-bottom: 8px;
	margin-right: 15px;
	padding: 8px 12px;
	text-decoration: none;
}

.tagcloud a:hover{
	background: #ececec;
}

/*-- Calendar Widget --*/
.widget_calendar h3.widgettitle {
	display:none;
}

.widget_calendar h4 {
	display:none;
}

.widget_calendar #wp-calendar caption {
	font-size: 14px;
	font-weight:bold;
	text-align:center;
	text-transform: uppercase;
	margin-bottom:10px;
}

.widget_calendar table#wp-calendar {
	width:100%;
	border:none;
	margin-bottom:0;
}

.widget_calendar thead>tr>th {
	width:14%; 
	height:23px; 
	text-align:center; 
	background-color:#f7f7f7; 
}
	
.widget_calendar td {
	width:14%;	
	height:23px;	
	text-align:center;	
	border:none;
}

.widget_calendar tfoot>tr>td#prev {
	width:58px;	
	height:20px;	
	text-align:left;	
}

.widget_calendar tfoot>tr>td#next {
	width:58px; 
	height:20px;	
	text-align:right;	
}

.widget_social ul li{
	padding-left:24px;
}

.widget_social ul li.facebook{
	background:url(images/fb16.png) no-repeat left center;
}
.widget_social ul li.twitter{
	background:url(images/twitter16.png) no-repeat left center;
}
.widget_social ul li.gplus{
	background:url(images/gplus16.png) no-repeat left center;
}
.widget_social ul li.rss{
	background:url(images/rss16.png) no-repeat left center;
}
.widget_social ul li.contact{
	background:url(images/email16.png) no-repeat left center;
}


 /* 8. FOOTER
 * ================================================ */
 
#footer{
    margin-top:10px;
    border:1px solid;
    border-radius:10px;
	color: #bbbbbb;
	background: #fff; 
	overflow: hidden;
}

#footer h4{
	color:#cdcdcd;
	margin-bottom: 10px; 	
}

#footer a{
	color: #999; 
	font-weight: normal;
}

#footer:hover{
	border-color: #ccc;
}

#footer a:hover{
	color: #fff;
}

#footer .footer-widgets{
	padding:15px;
	overflow:hidden;
}

/*--- footer widgets --*/
#footer .widget{
	float: left; 
	width: 210px; 
	margin-right: 20px;	
	margin-bottom: 20px;	
	overflow:hidden;
}

#footer .widget ul li{
	color: #bbbbbb;
	border-bottom: 1px dotted #292f33;
}

/*--- tags widget  --*/
#footer .tagcloud a {
	background: #292F33;
	color: #878787;	
}

/*--- calendar widget --*/
#footer .widget_calendar thead > tr > th{
	background: none;
	color: #bbbbbb;
}

/*--- twitter widget --*/
#footer  .widget_tweets .twtr-tweet .twtr-tweet-text p {
    color: #bbbbbb !important;
}
#footer  .widget_tweets  .twtr-hd h3 {
	color: #bbbbbb !important;
}

#footer  .widget_tweets .twtr-hd *,
#footer  .widget_tweets .twtr-hd h4 a {
    color: #999 !important;
}

#footer  .widget_tweets .twtr-tweet a:link,
#footer  .widget_tweets .twtr-tweet a:visited,
#footer  .widget_tweets .twtr-tweet a:hover {
    color: #999 !important;
}

#footer  .widget_tweets .twtr-widget .twtr-tweet{
	border-bottom:1px dotted #292F33 !important;
}

/*--- footer info --*/
#footer .footer-info{
	clear: both; 
	margin-top: 0px; 
	padding: 10px 15px; 
	overflow: hidden;
	background: #3e4348;
	background: rgba(41, 47, 51, 0.2);
}

#footer .footer-info p{
	float: left; 
	margin: 0; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 15px; 
	font-style: italic;	
}

#footer .footer-info .credit{
	display:none;
	float: right;
}

#footer .footer-info .credit img{
	margin-bottom:-2px;
}

 /* 9. MEDIA QUERIES
 * ================================================ */
@media screen and (min-width : 630px) and (max-width : 960px) {
	
	#container {
		width: 630px;
	}
	
	/*-- header --*/
	#header .logo{
		float: none; 
		margin-bottom: 10px;
	}
	
	#header .ad468{
		display: none; 
	}
	
	#nav{
		clear: both; 
		float: left;
	}	
	
	/*-- content --*/	
	#content{
		width:600px;
	}
	
	#slider .lof-slidecontent{
		width:600px; 
		height:285px;
	}

	#slider .lof-slidecontent .slider-image{
		width:600px; 
		height:285px;
	}

	#slider .main-slider-content{
		width:600px; 
		height:285px;
	}
	
	#carousel .carousel-posts li {
		margin-right:16px;		
	}
	
	#featured-categories .category{
		width:290px;
		float:left;
		position:relative;
		margin-bottom:10px;		
	}
	
	#featured-categories .right-side{
		margin-left:20px;
	}
	
	#featured-categories .more-posts .right{
		width:230px !important;
	}	
	
	/*-- sidebar --*/
	#sidebar {
		width: 600px;
		float: left;
		margin-left:0;
		margin-top:20px;
	}
	
	#sidebar .widget{
		width:280px;
		float:left;
		margin-right:20px;
	}
	
	/*-- footer --*/
	#footer .widget{
		width:190px;
		margin-right:10px;
	}

}

@media screen and (min-width : 460px) and (max-width : 629px) {
	
	#container {
		width: 460px;
	}
	
	/*-- header --*/
	#header .ad468{
		display:none;
	}
	
	#header .ad468{
		display: none; 
	}
	
	#nav ul { 
		display:none; 
	}
	
	#nav select {
		margin-top:20px;
		display: block;
		width: 430px; 
	}

	/*-- content --*/
	#content-container{
		padding:10px;		
	}
	
	#content {
		width: 440px;
	}
	
	#slider .lof-slidecontent{
		width:440px; 
		height:210px;
	}

	#slider .lof-slidecontent .slider-image{
		width:440px; 
		height:210px;
	}
	
	#slider .main-slider-content{
		width:440px; 
		height:210px;
	}
	
	#carousel{
		display:none;
	}
	
	#featured-categories .category{
		width:210px;
		float:left;
		margin-bottom:10px;
	}
	
	#featured-categories .right-side{
		margin-left:20px;
	}
	
	#featured-categories .category .attachment-feat-thumb{
		width:210px;	
		max-height:120px;
	}	

	#featured-categories .more-posts img{
		display:none;
	}
	
	#featured-categories .more-posts .right{
		width:210px !important;
	}	
	
	#posts-list .post-image{
		margin-right:10px;
	}
	
	#posts-list .post-image img{
		width:120px;
	}
	
	#posts-list .post .right .date-by{
		margin-bottom:5px;
	}
	
	/*-- Sidebar --*/
	#sidebar {
		width: 440px;
		float: left;
		margin-left:0;
		margin-top:20px;
	}
	
	#sidebar  .widget{
		width: 210px;
		float: left;
		margin-right:10px;
	}
	
	.widget_search input{
		width: 170px;		
	}
	
	#sidebar .widget_ad125 li:last-child{
		margin-left:0;
	}
	
	/*-- footer --*/	
	#footer .footer-widgets{
		padding:10px;
	}
	
	#footer  .widget{		
		float:left;
		margin-right:10px		
	}
	
	#footer .footer-info{
		padding:10px;
	}	
}

@media screen and (max-width: 459px) {
	
	#container {
		width: 320px;		
	}

	#content-container{
		padding:10px;
	}	
	
	/*-- header --*/
	#header{
		padding: 10px;		
	}
	
	#header .logo {
		width:300px;
		text-align:center;	
	}
	
	#header .ad468{
		display: none; 
	}
	
	#header .logo img {
		display:inline-block;
	}
	
	#nav ul {  
		display:none; 
	}
	
	#nav select  {	
		margin-top:20px;
		display: block;
		float:left;
		width: 300px; 
	}
	
	/*-- content --*/
	#slider{
		display:none;
	}
	
	#content {
		width: 300px;
	}
	
	#carousel{
		display:none;
	}
	

	#featured-categories .right-side{
		margin-left:0;
	}
	
	#posts-list .post-image{
		display:none;
	}
	
	#content .single-post .author .avatar{
		display:none;
	}

	#content .single-post .author .author-meta{
		margin-left:0px;
	}
	
	#comments ol.commentlist li ul.children li.depth-2 { 
		margin: 0 0 30px 30px;  
	}

	#comments ol.commentlist li ul.children li.depth-3 { 
		margin: 0 0 30px 0px; 
	}

	#comments ol.commentlist li ul.children li.depth-4 { 
		margin: 0 0 30px 0px; 
	}

	#comments ol.commentlist li ul.children li.depth-5 { 
		margin: 0 0 30px 0px; 
	}
	
	#respond input[type="text"], #respond input[type="password"] {
		width: 200px; 
	}
	
	/*-- sidebar --*/
	#sidebar {
		width: 300px;
		float: left;
		margin-left:0;
		margin-top:20px;
	}
	
	/*-- footer --*/
	#footer .footer-widgets{
		padding:10px;
	}
	
	#footer .widget{
		width: 300px;
	}
	
	#footer .footer-info{
		padding:10px;
	}
	
	#footer  .footer-info .credit{
		float:left;
	}
	
	
	
	
	

}

OBS!

Om du vil bruke CSS koden må du huske å ta backup av style.css filen, kall den for eksempel style.bak og last opp den nye style.css pa samme sted (http://friskisen.com/wp-content/themes/max-magazine/style.css) med innholdet i spoileren.

Om du er usikker på hvordan du gjør dette, eller noe annet for den saks skyld må du bare spørre.

Endret 15. august 2013 av Dan-Levi

Logg inn

Tilbakemelding på WP side

Anbefalte innlegg

Andcatz

Lenke til kommentar

Videoannonse

MikkelRev

Lenke til kommentar

Andcatz

Lenke til kommentar

iNeo

Lenke til kommentar

MikkelRev

Lenke til kommentar

Andcatz

Lenke til kommentar

iNeo

Lenke til kommentar

Insula

Lenke til kommentar

Dan-Levi

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

Trusselen mot Demokratiet 1 2

Hvem er aktive 0 medlemmer