Wsparcie » Używanie i konfiguracja WordPressa » edytowanie stylu shuttershot

  • Rozwiązano peke_1988

    (@peke_1988)


    Witam serdecznie

    od razu przejdę do konkretów:
    1. w tym stylu (zapewne w każdym tak jest) chciałbym uzyskać takie coś żeby na mojej stronie (www.sonata.org.pl) zakładka o nas była jako główna po wejściu na stronę,czyli okno treści na wierzchu.
    2. Chciałbym uzyskać efekt półprzeźroczystego czarnego tła we wpisach…niestety nie wiem która linijka w kodzie do tego służy
    style.css:

    /*
    
    Theme Name:Shuttershot
    Theme URL: http://www.web2feel.com/shuttershot/
    Description: Free WordPress theme released by web2feel.com
    Author: Jinsona
    Author URI: www.web2feel.com
    Version: 1.0.0
    Tags: Zespół na wesele Lublin, Zespół na wesele Zamość, Zespół weselny Lublin, Zespół weselny Zamość.
    
    */
    
    body {
    	margin:0 auto;
    	padding:0px 0px 0px 0px;
    	background:url(images/003.jpeg);
    	font-family:verdana,
    	color:#161514;
    	font-size:14px;
    	}
    
    img {
    	border:0;
    	margin: 0 0;
    	}
    a {
    	color:#4D87A7;
    	text-decoration:none;
    	outline:none;
    	}
    a:hover {
    	color:#000;
    	text-decoration:none;
    		}
    h1, h2, h3, h4, h5, h6 {
    
    	}
    blockquote {
    	padding:0px 10px 0px 10px;
    	color:#59666f;
    	font-style: italic;
    
    	}
    
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    .clear {
    	clear:both;
    	}
    
    img.centered  {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	margin-bottom: 10px;
    	padding: 0px;
    	}
    
    img.alignnone {
    	padding: 5px 5px;
    	margin: 0px 0px 10px 0px;
    	display: inline;
    	background:#eee;
    
    	}
    
    img.alignright {
    	padding: 5px 5px;
    	margin: 5px 0px 10px 10px;
    	display: inline;
    	background:#eee;
    
    	}
    
    img.alignleft {
    	padding: 5px 5px;
    	margin: 10px 15px 10px 0px;
    	display: inline;
    	background:#eee;
    
    	}
    
    .aligncenter {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	margin-bottom: 10px;
    	}
    
    .alignright {
    	float: right;
    	margin: 0px 0px 10px 10px;
    	}
    
    .alignleft {
    	float: left;
    	margin: 10px 15px 10px 0px;
    	}
    
    .wp-caption {
    
    	text-align: center;
    	background:#eee;
    	padding: 4px 0px 5px 0px;
    	margin: 10px 10px ;
    	}
    
    .wp-caption img {
    	margin: 0px 0px 5px 0px;
    	padding: 0px;
    	border: 0px;
    
    	}
    
    .wp-caption p.wp-caption-text {
    	margin: 0px;
    	padding: 0px 0px 0px 0px;
    	font-size: 11px;
    	font-weight: normal;
    	line-height: 12px;
    	color:#444;
    	}
    .rounded{
    
    	border-radius: 5px;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    }
    
    .boxshadow{
        -moz-box-shadow: 0px 0px 5px #888;
        -webkit-box-shadow: 0px 0px 5px #888;
        box-shadow: 0px 0px 5px #888;
    
    }	
    
    .clearfix:after {
    	content: ".";
    	display: block;
    	clear: both;
    	visibility: hidden;
    	line-height: 0;
    	height: 0;
    }
    
    .clearfix {
    	display: inline-block;
    }
    
    html[xmlns] .clearfix {
    	display: block;
    }
    
    * html .clearfix {
    	height: 1%;
    }
    
    @font-face {
        font-family: 'verdana';
        src: url('fonts/BebasNeue-webfont.eot');
        src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/BebasNeue-webfont.woff') format('woff'),
             url('fonts/BebasNeue-webfont.ttf') format('truetype'),
             url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    
    /* The Outer cover */
    
    #casing {
    	padding:0px 0px;
    	width:800px;
    	margin:0px auto;
    
    	}
    .topbar{
    	height:50px;
    	background:#000;
    	position:relative;
    }
    
    .subhead{
    	width:580px;
    	float:left;
    }
    
    .subhead h1{
    	font-family:Arial, verdana,Century gothic, sans-serif;
    	font-size:16px;
    	font-weight:normal;
    	color:#ddd;
    	padding:18px 0px 0px 20px;
    }
    
    .subhead h1 a:link, .subhead h1 a:visited{
    	color:#ddd;
    }
    
    .subhead h1 a:hover{
    	color:#fff;
    }
    
    .incasing{
    	background:#fafafa;
    	padding:0px 0px 20px 0px;
    	margin-top:150px;
    	margin-bottom:50px;
    	width:800px;
    	float:left;
    	-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);
    	-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);
    	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);
    
    	/* display:none; */
    
    }
    
    /* The Header */
    
    #masthead{
    	height:80px;
    	background:url(images/top.png);
    	z-index: 200;
    	top: 30px;
    	left: 0px !important;
    	position: fixed;
    	width:100%;
    
    }
    
    #top {
    	height:80px;
    	margin:0px 0px 0px 0px ;
    	float:left;
    	display:inline;
    	background:url(images/head.png)  no-repeat;
    	width:300px;
    	position:relative;
    	}
    
    h1.logo{
    	font-size:36px;
    	width:250px;
    
    	}
    h1.logo img{
    	display:block;
    	margin-left:20px;
    	margin-top:15px;
    }
    
    /* The Search */
    
    #search {
    	width:200px;
    	padding:0px ;
    	margin:10px 10px 0px 0px;
    	display:inline-block;
    	float:right;
    	background:#1d1d1d;
    	border:1px solid #2e2e2e;
    	}
    
    #search form {
    	margin: 0px 0px 0px 0px;
    	padding: 0;
    	}
    
    #search fieldset {
    	margin: 0;
    	padding: 0;
    	border: none;
    	}
    
    #search p {
    	margin: 0;
    	font-size: 85%;
    	}
    
    #s {
    	width:160px;
    	background:#1d1d1d;
    	margin:0px 0px 0px 3px;
    	padding: 3px 5px;
    	height:20px;
    	border:none;
    	font-size:14px;
    	font-family:Arial, verdana,Century gothic, sans-serif;
    	color:#ddd;
    	float:left;
    	display:inline;
    
    	}
    
    #searchsubmit{
    	background:url(images/search.png);
    	border:none;
    	color:#fff;
    	display:block;
    	width:12px;
    	height:12px;
    	margin:7px 7px 0px 0px;
    	padding:5px 5px;
    	float:right;
    	cursor:pointer;
    	}
    
    #searchpage{
    	background:#fff;
    	border:1px solid #ccc;
    	margin:0px 10px 0px 10px;
    	}
    
    #sform{
    	width:450px;
    	border:none;
    	padding:6px 5px;
    	}
    
    #formsubmit{
    	float:right;
    	background:url(images/sfrm.png) repeat-x;
    	border-left:1px solid #ccc!important;
    	border:none;
    	padding:5px 5px;
    	}
    
    .scover{
    
    	}
    
    .sbox{
    	padding:10px 0px;
    	padding:10px 0px;
    	}
    
    .sbox p{
    	padding:5px 0px;
    	color:#777!important;
    }
    .shead{
    	margin:0px 10px 25px 10px;
    
    }
    .shead p{
    	margin-left:10px;
    	margin-bottom:10px;
    	color:#3E91CE;
    }
    
    .stitle h2{
    	font-family:'verdana';
    	font-weight:normal;
    	padding:0px 0px;
    	font-size:26px;
    }
    .stitle h2 a{
    	color:#6D6750;
    
    }
    
    .searchmeta{
    	margin-top:5px;
    	color:#D14E25;
    	text-transform:uppercase;
    	font-size:10px;
    }
    
    .searchmeta a{
    	color:#D14E25;
    
    }
    
    /*Page menu*/
    
    #botmenu{
    	height:40px;
    	margin:15px 0px 0px 0px;
    	font-family:Arial, verdana,Century gothic, sans-serif;
    	float:right;
    	}
    
    #submenu {
    	margin: 0px 0px ;
    	width:700px;
    	padding:0px 0px;
    	}
    
    #submenu ul {
    	width: 100%;
    	float: left;
    	list-style: none;
    	margin: 0;
    	padding: 0 0px;
    	}
    
    #submenu li {
    	float: left;
    	list-style: none;
    	margin: 0;
    	padding: 0;
    	color: #ccc;
    	text-shadow:1px 1px 0px #000;
    	font-size: 18px;
    
    	}
    
    #submenu li a {
    	color: #ccc;
    	display: block;
        margin: 0;
    	padding: 12px 10px 12px 10px;
    	text-decoration: none;
    	position: relative;
    	text-shadow:1px 1px 0px #000;
    	}
    
    #submenu li a:hover, #submenu li a:active, #submenu .current_page_item a  {
    	color: #fff;
    	text-shadow:1px 1px 0px #000;
    
    	}
    
    #submenu li a.sf-with-ul {
    	padding-right: 10px;
    	}	
    
    #submenu li li a, #submenu li li a:link, #submenu li li a:visited {
    
    	font-size: 14px;
    	color: #aaa;
    	text-shadow:none;
    	width: 148px;
    	margin: 0;
    	padding: 0px 10px;
    	line-height:35px;
    	border-bottom:1px solid #222;
    	border-top:1px solid #111;
    	border-left:1px solid #111;
    	border-right:1px solid #222;
    	text-transform: none;
    	position: relative;
    	background:#151515;
    	}
    
    #submenu ul ul li:first-child{
    	border-top:none;
    
    }
    
    #submenu ul ul li:last-child{
    	border-bottom:none;
    
    }	
    
    #submenu li li:last-child{
    	border-bottom:none;
    }
    
    #submenu li li a:hover, #submenu li li a:active {
    	background:#070707;
    	color: #fff;
    	}
    
    #submenu li ul {
    	z-index: 9999;
    	position: absolute;
    	left: -999em;
    	height: auto;
    	width: 170px;
    	margin: 5px 0px;
    	padding: 5px 5px;
    	background:#000;
    	border-radius: 3px;
    	-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	}
    
    #submenu li ul a {
    	width: 150px;
    	}
    
    #submenu li ul a:hover, #submenu li ul a:active {
    	}
    
    #submenu li ul ul {
    	margin: -41px 0 0 179px;
    	}
    
    #submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
    	left: -999em;
    	}
    
    #submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
    	left: auto;
    	}
    
    #submenu li:hover, #submenu li.sfHover {
    	position: static;
    	}
    
    /* Main Content*/	
    
    #content {
    	float:left;
    	width: 480px;
    	height:100%;
    	padding:10px 0px 0px 0px;
    	margin:10px 0px 0px 20px;
    	display:inline;
    	overflow:hidden;
    
    	}	
    
    /* POST */
    
    .post {
    
    	margin: 0px 0px 30px 0px;
    	height:100%;
    	color:#444;
    
    	}
    
    .title{
    	margin: 0px 0px;
    	padding: 5px 0px;
    
    }		
    
    .title  h2 {
    	margin: 0px 0px;
    	padding: 0px 0px 5px 0px ;
    	font-size: 32px ;
    	font-family:'BebasNeueRegular';
    	font-weight:normal;
    	text-transform:uppercase;
    
    	}
    
    .title  h2 a, .title  h2 a:link, .title  h2 a:visited  {
    	color:#000;
    	background-color: transparent;
    
    	}
    
    .title  h2 a:hover  {
    	color: #333;
    	background-color: transparent;
    	}	
    
    .postmeta{
    	padding:5px 0px;
    	border-top:1px solid #ddd;
    	border-bottom:1px solid #ddd;
    	font-size:10px;
    	text-transform:uppercase;
    	}
    
    .author{
    
    	color:#777;
    	padding:2px 5px 2px 15px;
    	background:url(images/user.png) left center no-repeat;
    	}
    
    .clock{
    	color:#777;
    	padding:2px 5px 2px 15px;
    	background:url(images/clock.png) left center no-repeat;
    }	
    
    .comm{
    	color:#777;
    	padding:2px 5px 2px 15px;
    	background:url(images/comm.png) left center no-repeat;
    
    	}
    
    .comm a:link,
    .comm a:visited {
    	color:#777;
    	}
    
    .comm a:hover{
    	color:#000;
    
    }
    
    .morer{
    	float:right;
    	margin-right:5px;
    	background:url(images/rmore.png) no-repeat;
    	width:121px;
    	height:38px;
    	line-height:38px;
    	text-align:center;
    	color:#fff!important;
    	text-decoration:none;
    }
    
    .singleinfo {
    	border-top:1px solid #ddd;
    	border-bottom:1px solid #ddd;
    	font:10px  Tahoma, Georgia, Arial,century gothic,verdana, sans-serif;
    	text-transform:uppercase;
    	color:#827A60;
    	padding:5px 0px;
    
    	}
    
    .category{
    	padding:5px 0 5px 20px;
    	color:#827A60;
    	background:url(images/tag.png) left center no-repeat;
    
    	}
    
    .category a:link,.category a:visited{
    	color:#4D87A7;
    	}
    
    .category a:hover{
    	color:#000;
    	}
    
    .cover {
    	margin:0 0;
    	padding: 0px 0px ;
    	}	
    
    .entry {
    	margin:0px 0px;
    	padding: 0px 0px 10px 0px ;
    		}	
    
    .entry a:link,
    .entry a:visited {
       	color:#4D87A7;
    	}
    
    .entry a:hover {
    	color:#000;
    	background-color: transparent;
    }
    
    .entry ul, .entry ol{
      margin: .4em 0 1em;
      line-height: 150%;
    }
    
    .entry ul li, .entry ol li{
      list-style-position:outside;
      margin-left: 1.6em;
    }
    
    .entry p{
    	margin:5px 0px 10px 0px;
    	padding:10px 0px;
    	line-height:24px;
    }
    
    	/* Right column non-widgets*/
    
    .right{
    	float:right;
    	width:260px;
    	padding:15px 0px 0px 0;
    	margin:10px 20px 0px 0px;
    	display:inline;
    	overflow:hidden;
    
    }
    
    .featbox{
    	width:260px;
    	margin:0px 20px 30px 0px;
    }
    
    /* Twitter updates */
    
    p.twitter-message{
    	color:#555;
    	padding:10px 5px;
    	border-bottom:1px solid #ddd;
    	font-size:12px;
    }
    
    a.twitter-link{
    	color:#4D87A7;
    }
    
    a.twitter-user{
     	color:#4D87A7;
    }
    
    /* Banner ads */
    
    .squarebanner {
    	margin:0px 0px 10px 0px;
    	}
    
    .squarebanner ul{
    	list-style-type:none;
    	margin: 0px auto;
    	padding: 0px 0px 15px 0px;
    	overflow:hidden;
    		}
    
    .squarebanner ul li{
    	list-style-type:none;
    	margin: 10px 10px 0px 0px;
    	float:left;
    	display:inline;
    	background:#eee;
    		}
    
    .squarebanner ul li.rbanner{
    	margin-right:0px;
    
    }
    
    /* The Sidebar WIDGETS */
    
    .sidebar{
    	float:left;
    }
    
    h3.sidetitl{
    	font-family:'verdana';
    	color:#222;
    	font-size:22px;
    	padding:0px 0px 0px 0px;
    	margin-bottom:10px;
    	font-weight:normal;
    }
    
    .sidebox{
    	width:260px;
    	margin:0px 0px 30px 0px;
    	list-style:none;
    	color:#6f6f6f;
    	}
    
    .sidebox ul {
    	list-style-type: none;
    	margin:  0px;
    	padding: 0px 0px 5px 0px ;
    
    	}
    .sidebox li{
    	list-style-type: none;
    	margin: 0 ;
    	padding: 0;
    
    	}
    .sidebox ul ul  {
    	list-style-type: none;
    	margin: 0;
    	padding: 0px 0px 0px 0px;
    	background-repeat:no-repeat;
    	}
    
    .sidebox ul ul ul {
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    	border:0;
    	}
    
    .sidebox ul ul ul ul {
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    	border:0;
    
    	}
    
    .sidebox ul li {
    	height:100%;
    	line-height:18px;
    	clear:left;
    	width: 300px;
    	margin:0px 0px;
    	list-style-type: none;
    	}
    
    .sidebox ul li a:link, .sidebox ul li a:visited {
    	color:#6f6f6f;
    	text-decoration: none;
    	padding: 5px 0px 5px 0px;
    	display:block;
    	}
    
    .sidebox ul li a:hover {
    	color: #0e88a7;
    	}
    
    .sidebox.widget_categories ul li,.sidebox.widget_pages ul li,.sidebox.widget_archive ul li,
    .sidebox.widget_links ul li,.sidebox.widget_meta ul li{
    	padding-left:0px;
    	border-bottom:1px solid #eee;
    }
    
    .sidebox.widget_recent_entries ul li a{
    	border-bottom:1px solid #eee;
    }
    
    ul#recentcomments li.recentcomments {
    	padding:5px 0px;
    	border-bottom:1px solid #eee;
    }
    
    /*calendar*/
    #wp-calendar {
     color: #666;
     font-size: 12px;
     margin:0px 5px;
     width:250px;
    border:1px solid #ddd;
    }
    #wp-calendar a{
     color: #467b89;
    }
    #wp-calendar caption {
     background: #383838;
     color: #e0e0e0;
     font-size: 14px;
     padding: 10px 0;
     text-align: center;
     text-shadow: 0 -1px 0 #000;
    
     border: 1px solid #373737;
     z-index: -99;
    }
    #wp-calendar thead th {
     font-size: 8px;
     padding: 5px 0;
     color: #666;
     text-transform: uppercase;
     text-shadow: 0 1px 0 rgba(255,255,255,0.5);
     border-bottom: 1px solid #bbbbbb;
     background: #f7f7f7;
     background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f1f1f1));
     background: -moz-linear-gradient(top,  #f7f7f7,  #f1f1f1);
    }
    
    #wp-calendar tbody td {
     color: #666;
     text-shadow: 0 1px 0 rgba(255,255,255,0.5);
     padding: 8px;
     text-align: center;
     font-weight: bold;
     border: 1px solid;
     border-color: #fff #bbbbbb #bbbbbb #ddd;
     background: #ededed;
     background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dedede));
     background: -moz-linear-gradient(top,  #ededed,  #dedede);
    }
    #wp-calendar tbody td.pad {
     background: #f5f5f5;
     background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));
     background: -moz-linear-gradient(top,  #f5f5f5,  #ececec);
    }
    #wp-calendar tfoot{
     color: #e0e0e0;
     font-size: 12px;
     text-align: center;
    }
    #wp-calendar tfoot tr{
     background: #f5f5f5;
     background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));
     background: -moz-linear-gradient(top,  #f5f5f5,  #ececec);
    }
    #wp-calendar tfoot td{
     padding: 10px 10px;
    }
    #wp-calendar tfoot a{
     color: #666;
     text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    }
    #wp-calendar tfoot td#prev {
     text-align: left;
    }
    #wp-calendar tfoot td#next {
     text-align: right;
    }
    #wp-calendar #today{
     color: #fff;
     border: 1px solid #467b89;
     text-shadow: 0 1px 0 rgba(0,0,0,0.3);
     background: #6eafbf;
     background: -moz-radial-gradient(50% 50% 0deg,ellipse cover, #6eafbf, #569EB1);
     background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 20, from(#6eafbf), to(#569EB1));
    }
    
    /* --- FOOTER --- */
    
    #footer {
    	padding:5px 0 5px 0px;
    	color:#777;
    	font-size:11px;
    	background:#000 ;
    	z-index: 200;
    	bottom: 0px;
    	left: 0px !important;
    	position: fixed;
    	width:100%
    	}
    
    #footer a:link , #footer a:visited{
    	color:#777;
    	}
    
    #footer a:hover {
    	color:#777;
    	}
    
    .fcred{
    	width:700px;
    	text-align:left;
    	margin:0px 0px 0px 30px;
    	line-height:16px;
    }
    
    /* The Navigation */
    
    #tnavigation{
    	margin:10px 0px 0px 0px;
    	padding:5px 0px;
    
    	}
    
    /* The Attachment */
    
    .contentCenter {
    	text-align:center;
    	}
    
    /* The Page Title */
    
    h2.pagetitle {
    	padding:10px 0px;
    	font-size:14px;
    	text-align:center;
    	color:#444;
    	margin-bottom:10px;
    	}
     h2.pagetitle a {
     	color:#507409;
     }
    /* Comments */
    
    #commentsbox {
    
    	margin:0 0px;
    
    }
    
    h3#comments{
    	font-size:24px;
    	color:#111;
    	font-weight:normal;
    	padding:10px 0px 10px 0px ;
    	margin-top:10px;
    	background:url(images/coms.png) left no-repeat;
    	font-family: 'BebasNeueRegular';
    }
    
    ol.commentlist {
    	margin:0px 0 0;
    	clear:both;
    	overflow:hidden;
    	list-style:none;
    
    }
    ol.commentlist li {
    	margin:5px 0;
    	line-height:18px;
    	padding:10px;
    	background:#fdfdfd;
    	border:1px solid #eee;
    
    }
    ol.commentlist li .comment-author {
    	color:#333;
    
    }
    ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{
    
    	color:#333;
    	font-weight:bold;
    	text-decoration:none !important;
    }
    
    ol.commentlist li .comment-author .fn {
    	color:#333;
    }
    cite.fn{
    	color:#eee;
    	font-style:normal;
    }
    ol.commentlist li .comment-author .avatar{
    	float:right;
    	border:1px solid #eee;
    	background:#fff;
    	padding:3px;
    }
    ol.commentlist li .comment-meta{
    	font-size:10px;
    
    }
    ol.commentlist li .comment-meta .commentmetadata{
    
    	color:#000;
    }
    
    ol.commentlist li .comment-meta a {
    	color:#4D87A7;
    	text-decoration:none !important;
    }
    ol.commentlist li p {
    	line-height:22px;
    	margin-top:5px;
    	color:#666;
    	font-size:12px;
    
    }
    ol.commentlist li .reply{
    	margin-top:10px;
    	font-size:10px;
    }
    ol.commentlist li .reply a{
    	background:#666;
    	border:1px solid #333;
    	color:#fff;
    	text-decoration:none;
    	padding:3px 10px;
    }
    
    ol.commentlist li.odd {
    
    }
    ol.commentlist li.even {
    
    }
    
    ol.commentlist li ul.children {
    	list-style:none;
    	margin:1em 0 0;
    	text-indent:0;
    
    }
    
    ol.commentlist li ul.children li.depth-2 {
    
    	margin:0 0 0px 50px;
    
    }
    
    ol.commentlist li ul.children li.depth-3 {
    
    	margin:0 0 0px 50px;
    
    }
    
    ol.commentlist li ul.children li.depth-4 {
    
    	margin:0 0 0px 50px;
    
    }
    ol.commentlist li ul.children li.depth-5 {
    
    	margin:0 0 0px 50px;
    
    }
    .comment-nav{
    
    	padding:5px ;
    	height:20px;
    
    }
    
    .comment-nav a:link,.comment-nav a:visited{
    
    	color:#E73540;
    }
    
    #respond{
    
    	padding:0px 0px ;
    	margin:10px 0px;
    
    }
     #respond h3 {
    	font-size:18px;
    	font-weight:normal;
    	padding:5px 0px 0px 0px ;
    	margin:0px 0px;
    	color:#444;
    
    	font-family: 'verdana';
    
    }
    #commentform {
    	padding:10px 0px;
    }
    #commentform a {
    		color:#4D87A7;
    }
    
    #commentform p{
    	margin:5px 0px ;
    	color:#999;
    }
     #respond label{
    	display:block;
    	padding:5px 0;
    	color:#999;
    
    }
     #respond  label small {
    	font-size:10px;
    
    }
     #respond input {
    	margin-bottom:10px;
    	padding:5px 5px;
    	margin:0 10px 10px 0;
    	background:#fff;
    	border:1px solid #ddd;
    	color:#02070F;
    }
    #commentform  input{
    	width:50%;
    
    }
    
    #respond  input#commentSubmit {
    	width:100px;
    	padding:3px 5px;
    	background:#4D87A7;
    	border:1px solid #3C708C;
    	color:#fff;
    	margin:10px 0px;
    	cursor:pointer;
    }
    textarea#comment{
    	border:none;
    	background:#fff;
    	border:1px solid #ddd;
    	width:70%;
    	margin:10px 0px 0px 0px;
    	padding:5px 5px;
    	color:#02070F;
    }
    
    .wp-pagenavi{
    
    	font-size:12px;
    	text-align: center !important;
    
    }
    .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
    
    	text-decoration: none;
    	background:#4D87A7 !important;
    	border: 1px solid #3B6E89!important;
    	color:#fff !important;
    	padding:3px 7px !important;
    	display: block;
    	text-align: center;
    	float: left;
    	margin-right: 4px;
    
    }
    
    .wp-pagenavi a:hover {
    	color: #ffffff;
    }
    
    .wp-pagenavi span.pages {
    
    display:none;
    }
    
    .wp-pagenavi span.current {
    	text-decoration: none;
    	background:#333 !important;
    	border: 1px solid #111!important;
    	color:#fff !important;
    	padding:3px 7px !important;
    	display: block;
    	text-align: center;
    	float: left;
    	margin-right: 4px;
    
    }
    
    .wp-pagenavi span.extend {
    
    	text-decoration: none;
    	background:#333 !important;
    	border: 1px solid #111 !important;
    	color:#fff !important;
    	padding:3px 7px !important;
    	display: block;
    	text-align: center;
    	float: left;
    	margin-right: 4px;
    
    }	
    
    #ncontent{
    
    	margin-top:200px;
    }
    
    .ntitle h2{
    	color:#fff;
    	font-size:120px!important;
    	text-shadow:2px 2px 5px #000;
    	text-align:center;
    }
    
    .nentry{
    	color:#fff;
    	text-align:center;
    	font-size:32px;
    	text-shadow:2px 2px 5px #000;
    	font-family:verdana,Arial, verdana,Century gothic, sans-serif;
    }

    Pozdrawiam

Viewing 11 replies - 1 through 11 (of 11 total)
  • 1. Przejdź w panelu do Ustawienia > Czytanie i w polu „Strona główna wyświetla” ustaw to co chcesz.

    2. Zmień w klasie .incasing tło na:

    background: rgba(0,0,0,0.5);

    Thread Starter peke_1988

    (@peke_1988)

    Dziękuję bardzo za odpowiedź:) wszystko jest tak jak chciałem:)

    Podpinam się do wątku (nie chcę tworzyć nowego).
    Problem jest tak śmieszny, że aż mnie denerwuje.
    Nie mogę znaleźć możliwości podmiany „Read more …” na dowolny napis.
    Chodzi oczywiście o stronę blogu i wyświetlanie skróconych wpisów i linku do ich rozwinięcia.
    Używam WP 4.0 Pl i ostatniej wersji Shuttershot, który (z niewiadomych przyczyn) jeszcze spolszczony nie jest.
    Poradziłem sobie z resztą komunikatów – tego po prostu nie mogę znaleźć w żadnym php i już mi się literki w kodzie mieszają 😉
    Proszę o pomoc.
    Z góry dziękuję 🙂

    To ja też korzystając z okazji podepnę się do tematu, żeby nie tworzyć nowego. Używam tego samego motywu co kolega z pierwszego posta. Mój problem jest jednak nieco inny. Czy ktoś się orientuje gdzie i jak zmienić kolor tła pod logiem w pasku u góry? Logo oczywiście zmieniłem wstawiając swoje zdjęcie, ale pod nim wciąż widnieje czarne tło. Zależałoby mi żeby cały pasek był półprzezroczysty, tak, jak ma to miejsce dalej, gdzie są już linki…

    Z góry dziękuję za pomoc i serdecznie pozdrawiam!

    Witaj Alicjon
    Ściągnij przez FTP pliki : head.png i top.png
    Znajdują się one w katalogu wp-content/themes/Shuttershot/images
    head.png to właśnie ten zaostrzony prostokącik spod logo, top.png to wypełnienie dalszej części paska menu.
    Potem możesz je obrobić dowolnym programem graficznym typu photoshop czy photopaint tak żeby nie zmieniać im rozmiaru i typu rozszerzenia.
    Po edycji wrzuć je na to samo miejsce i … viola 🙂
    /nie zapomnij sobie zachować oryginałów tak … na wszelki wypadek/ 😉
    Pozdrawiam 🙂

    Dziękuję za odpowiedź, ale niestety nie pomogła, ponieważ w katalogu o którym mówiłeś, jest jedynie logo.png (którego zmiana nawiasem mówiąc nie podmienia czarnego tła, a jedynie sam obrazek). Pozostałych dwóch plików niestety nie ma.

    Podaję jeszcze link do strony, która wykorzystuje omawiany szablon i zawiera dokładnie to, czego potrzebuję (brak tła pod logo). Może okaże się to pomocne…
    http://djrollar.ro/

    Czy to jest Shuttershot ?
    A jeżeli tak to co to za wersja ?

    Tak. Shuttershot wersja 2.2.

    Trochę za nowa <lol>
    Dlatego byłem zdziwiony.
    Nie znam wersji 2.2 i trzeba by sprawdzić style.css co masz w pozycji
    masthead i top.
    Ja używam wersji 1.0 stąd u mnie wygląda to tak : http://vissum.pl
    Ten kolor tła o którym wspominasz to na pewno plik top.png (u mnie) – pytanie brzmi jak to wygląda w css w Twojej wersji.

    Nie mam takiej pozycji. 🙂

    /*
    Theme Name: Shuttershot
    Theme URL: http://www.fabthemes.com/shuttershot/
    Author: Fabthemes
    Author URI: www.fabthemes.com
    Version: 2.2
    
    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you've learned with others.
    
     web2feel is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.
    
    Resetting and rebuilding styles have been helped along thanks to the fine work of
    Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
    along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
    and Blueprint http://www.blueprintcss.org/
    */
    
    @import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
    @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);
    
    /* =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;
    }
    html {
    	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    	 overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
    	 /*  overflow-x: hidden; */ /* prevents horizontal scroll bars */
    	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    }
    body {
    	background: #fff;
    }
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    nav,
    section {
    	display: block;
    }
    ol, ul {
    	list-style: none;
    }
    table { /* tables still need 'cellspacing="0"' in the markup */
    	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:focus {
    	outline: thin dotted;
    }
    a:hover,
    a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    	outline: 0;
    }
    a img {
    	border: 0;
    }
    
    /* =Global
    ----------------------------------------------- */
    
    body,
    button,
    input,
    select,
    textarea {
    	color: #404040;
    	font-family: 'Source Sans Pro', sans-serif;
    	font-size: 15px;
    	line-height: 1.6;
    }
    
    /* Headings */
    h1,h2,h3,h4,h5,h6 {
    	clear: both;
    	font-family: 'Oswald', sans-serif;
    }
    
    h1{ font-size: 32px;}
    h2{ font-size: 26px;}
    h3{ font-size: 20px;}
    h4{ font-size: 16px;}
    h5{ font-size: 14px;}
    
    hr {
    	background-color: #ccc;
    	border: 0;
    	height: 1px;
    	margin-bottom: 1.5em;
    }
    
    /* Text elements */
    p {
    	margin-bottom: 1.5em;
    }
    ul, ol {
    	margin: 0 0 1.5em 3em;
    }
    ul {
    	list-style: disc;
    }
    ol {
    	list-style: decimal;
    }
    li > ul,
    li > ol {
    	margin-bottom: 0;
    	margin-left: 1.5em;
    }
    dt {
    	font-weight: bold;
    }
    dd {
    	margin: 0 1.5em 1.5em;
    }
    b, strong {
    	font-weight: bold;
    }
    dfn, cite, em, i {
    	font-style: italic;
    }
    blockquote {
    	margin: 0 1.5em;
    }
    address {
    	margin: 0 0 1.5em;
    }
    pre {
    	background: #eee;
    	font-family: "Courier 10 Pitch", Courier, monospace;
    	font-size: 15px;
    	font-size: 1.5rem;
    	line-height: 1.6;
    	margin-bottom: 1.6em;
    	padding: 1.6em;
    	overflow: auto;
    	max-width: 100%;
    }
    code, kbd, tt, var {
    	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    }
    abbr, acronym {
    	border-bottom: 1px dotted #666;
    	cursor: help;
    }
    mark, ins {
    	background: #fff9c0;
    	text-decoration: none;
    }
    sup,
    sub {
    	font-size: 75%;
    	height: 0;
    	line-height: 0;
    	position: relative;
    	vertical-align: baseline;
    }
    sup {
    	bottom: 1ex;
    }
    sub {
    	top: .5ex;
    }
    small {
    	font-size: 75%;
    }
    big {
    	font-size: 125%;
    }
    figure {
    	margin: 0;
    }
    table {
    	margin: 0 0 1.5em;
    	width: 100%;
    }
    th {
    	font-weight: bold;
    }
    img {
    	height: auto; /* Make sure images are scaled correctly. */
    	max-width: 100%; /* Adhere to container width. */
    }
    button,
    input,
    select,
    textarea {
    	font-size: 100%; /* Corrects font size not being inherited in all browsers */
    	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
    }
    button,
    input {
    	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
    }
    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
    	border: 1px solid #ccc;
    	border-color: #ccc #ccc #bbb #ccc;
    	border-radius: 3px;
    	background: #e6e6e6;
    	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    	color: rgba(0, 0, 0, .8);
    	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
    	font-size: 12px;
    	font-size: 1.2rem;
    	line-height: 1;
    	padding: .6em 1em .4em;
    	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }
    button:hover,
    html input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover {
    	border-color: #ccc #bbb #aaa #bbb;
    	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
    }
    button:focus,
    html input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="submit"]:focus,
    button:active,
    html input[type="button"]:active,
    input[type="reset"]:active,
    input[type="submit"]:active {
    	border-color: #aaa #bbb #bbb #bbb;
    	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
    }
    input[type="checkbox"],
    input[type="radio"] {
    	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
    	padding: 0; /* Addresses excess padding in IE8/9 */
    }
    input[type="search"] {
    	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    	-moz-box-sizing:    content-box;
    	box-sizing:         content-box;
    }
    input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    	-webkit-appearance: none;
    }
    button::-moz-focus-inner,
    input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    	border: 0;
    	padding: 0;
    }
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="search"],
    textarea {
    	color: #666;
    	border: 1px solid #ccc;
    	border-radius: 3px;
    }
    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    textarea:focus {
    	color: #111;
    }
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="search"] {
    	padding: 3px;
    }
    textarea {
    	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    	padding-left: 3px;
    	vertical-align: top; /* Improves readability and alignment in all browsers */
    	width: 98%;
    }
    
    /* Links */
    a {
    	color: #0a8bdb;
    	text-decoration: none;
    }
    a:visited {
    	color: #0a8bdb;
    }
    a:hover,
    a:focus,
    a:active {
    	color: #0769af;
    }
    
    /* Alignment */
    .alignleft {
    	display: inline;
    	float: left;
    	margin-right: 1.5em;
    }
    .alignright {
    	display: inline;
    	float: right;
    	margin-left: 1.5em;
    }
    .aligncenter {
    	clear: both;
    	display: block;
    	margin: 0 auto;
    }
    
    /* Text meant only for screen readers */
    .screen-reader-text {
    	clip: rect(1px, 1px, 1px, 1px);
    	position: absolute !important;
    }
    
    .screen-reader-text:hover,
    .screen-reader-text:active,
    .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-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 */
    }
    
    /* Clearing */
    .clear:before,
    .clear:after,
    [class*="content"]:before,
    [class*="content"]:after,
    [class*="site"]:before,
    [class*="site"]:after {
    	content: '';
    	display: table;
    }
    
    .clear:after,
    [class*="content"]:after,
    [class*="site"]:after {
    	clear: both;
    }
    
    /* =Menu
    ----------------------------------------------- */
    
    .main-navigation {
    	width: 680px;
    	display: block;
    	float: left;
    	font-family: Oswald;
    	text-transform: uppercase;
    }
    .main-navigation ul {
    	list-style: none;
    	margin: 0;
    	padding-left: 0;
    	font-size: 13px;
    }
    .main-navigation li {
    	float: left;
    	position: relative;
    }
    
    .main-navigation ul > li{
    	padding: 30px 10px;
    	font-weight: normal;
    }
    
    .main-navigation ul > li a:link,.main-navigation ul > li a:visited {
    	color: #ddd;
    }
    
    .main-navigation ul > li a:hover{
    	color: #fff;
    }
    
    .main-navigation a {
    	display: block;
    	text-decoration: none;
    }
    
    .main-navigation ul ul {
    	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    	display: none;
    	float: left;
    	left: 0;
    	position: absolute;
    	top: 80px;
    	z-index: 99999;
    	background: #0a8bdb;
    	font-size: 12px;
    }
    
    .main-navigation ul ul ul {
    	left: 100%;
    	top: 0;
    }
    
    .main-navigation ul ul a {
    	width: 200px;
    }
    
    .main-navigation ul ul li {
    	padding: 10px 10px;
    	border-bottom: 1px solid rgba(255,255,255,.1);
    }
    
    .main-navigation ul ul li a:link, .main-navigation ul ul li a:visited{
    	color: #ddd;
    }
    
    .main-navigation ul ul li a:hover{
    	color: #fff;
    }
    
    .main-navigation li:hover > a {
    }
    
    .main-navigation ul ul :hover > a {
    }
    
    .main-navigation ul ul a:hover {
    }
    
    .main-navigation ul li:hover > ul {
    	display: block;
    }
    
    .main-navigation .current_page_item a,
    .main-navigation .current-menu-item a {
    }
    
    /* Small menu */
    .menu-toggle {
    	display: none;
    	cursor: pointer;
    }
    
    @media screen and (max-width: 600px) {
    	.menu-toggle,
    	.main-navigation.toggled .nav-menu {
    		display: block;
    	}
    
    	.main-navigation ul {
    		display: none;
    	}
    }
    
    /* =Content
    ----------------------------------------------- */
    
    .sticky {
    }
    .hentry {
    	margin: 0 0 1.5em;
    }
    .byline,
    .updated {
    	display: none;
    }
    .single .byline,
    .group-blog .byline {
    	display: inline;
    }
    .page-content,
    .entry-content,
    .entry-summary {
    	margin: 1.5em 0 0;
    }
    .page-links {
    	clear: both;
    	margin: 0 0 1.5em;
    }
    
    /* =Asides
    ----------------------------------------------- */
    
    .blog .format-aside .entry-title,
    .archive .format-aside .entry-title {
    	display: none;
    }
    
    /* =Media
    ----------------------------------------------- */
    
    .page-content img.wp-smiley,
    .entry-content img.wp-smiley,
    .comment-content img.wp-smiley {
    	border: none;
    	margin-bottom: 0;
    	margin-top: 0;
    	padding: 0;
    }
    .wp-caption {
    	border: 1px solid #ccc;
    	margin-bottom: 1.5em;
    	max-width: 100%;
    }
    .wp-caption img[class*="wp-image-"] {
    	display: block;
    	margin: 1.2% auto 0;
    	max-width: 98%;
    }
    .wp-caption-text {
    	text-align: center;
    }
    .wp-caption .wp-caption-text {
    	margin: 0.8075em 0;
    }
    .site-content .gallery {
    	margin-bottom: 1.5em;
    }
    .gallery-caption {
    }
    .site-content .gallery a img {
    	border: none;
    	height: auto;
    	max-width: 90%;
    }
    .site-content .gallery dd {
    	margin: 0;
    }
    .site-content .gallery-columns-4 .gallery-item {
    }
    .site-content .gallery-columns-4 .gallery-item img {
    }
    
    /* Make sure embeds and iframes fit their containers */
    embed,
    iframe,
    object {
    	max-width: 100%;
    }
    
    /* =Navigation
    ----------------------------------------------- */
    
    .site-content [class*="navigation"] {
    	margin: 0 0 1.5em;
    	overflow: hidden;
    }
    [class*="navigation"] .nav-previous {
    	float: left;
    	width: 50%;
    }
    [class*="navigation"] .nav-next {
    	float: right;
    	text-align: right;
    	width: 50%;
    }
    
    /* =Comments
    ----------------------------------------------- */
    
    .comment-content a {
    	word-wrap: break-word;
    }
    .bypostauthor {
    }
    
    /* =Widgets
    ----------------------------------------------- */
    
    .widget {
    	margin: 0 0 1.5em;
    }
    
    /* Make sure select elements fit in widgets */
    .widget select {
    	max-width: 100%;
    }
    
    /* Search widget */
    .widget_search .search-submit {
    	display: none;
    }
    
    /* =Infinite Scroll
    ----------------------------------------------- */
    
    /* Globally hidden elements when Infinite Scroll is supported and in use. */
    .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
    .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    	display: none;
    }
    
    /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
    .infinity-end.neverending .site-footer {
    	display: block;
    }
    
    .container_12 {
    filter:alpha(opacity=80); /* For IE8 and earlier */
    opacity:.9;
    }

Viewing 11 replies - 1 through 11 (of 11 total)
  • Temat ‘edytowanie stylu shuttershot’ jest zamknięty na nowe odpowiedzi.