• Добрый день!

    Не могу разобраться вот в чем: на главной записи отображаются в следующем виде: картинка + текст. Но текст весь выстраивается в строку, хотя изначально в записи он в столбец, либо даже в таблицу помещен. Но на главной все равно текст выводится одной сплошной строкой.

    Шаблон: Max Magazinе

    Помогите, разобраться, пожалуйста.

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • Смотрите тут
    Две строчки после п.10 читать дважды 🙂

    web911, пинать в faq не нужно, прекрасно все понимаю. Если бы нашел решение проблемы на форуме, не создавал бы новую тему. Возможно не совсем точно объяснил проблему:

    Создана запись следующего вида:

    текст
    текст
    текст
    текст

    На главной странице отображаются последние записи и текст ЗАПИСИ отображается так:

    текст текст текст текст текст

    Т.е. где-то в шаблоне зарыто, что текст вытягивается в строку, даже если он помещен в таблицу. А нужно представление именно такое, какое находится в созданной записи.

    Шаблон: Max Magazinе
    WordPress version: 3.9.1

    Что можно предпринять?

    Спасибо.

    Не обижайтесь, это только на пользу 🙂
    Меня один злой модератор через день зубрить заставляет, вот я и отыгрываюсь 🙂
    Ссылку бы дали, как-то проще оно, если не на локалхосте, конечно.

    в шаблоне зарыто, что текст вытягивается в строку

    Зарыто скорее всего в css
    white-space: nowrap
    nowrap — пробелы не учитываются, переносы строк в коде HTML игнорируются, весь текст отображается одной строкой;
    Подробнее здесь
    htmlbook.ru/css/white-space

    Не обижаюсь)))

    К сожалению не то, сайт на локалке.

    Вот css:

    /*
    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:26px;
    }
    
    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: #f7f8f9;
    	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{
    	padding: 15px;
    	background: #fff;
    	overflow:hidden;
    }
    
    #content {
    	float: left;
    	width: 630px;
    }
    
    .wide-content{
    	width:100% !important;
    }
    
    /* 4. HEADER
    * ================================================ */
    #header{
    	padding: 5px;
    	margin: 130px auto 5px;
    	background: #fff;
    	border-bottom: 1px solid #ddd;
    }
    
    #header .header-wrap{
    	overflow:hidden;
    	margin-bottom:10px;
    	padding-bottom:10px;
    
    }
    
    #header .logo{
    	float: left;
    	width:300px;
    }
    
    #header .logo h1{
    	margin-bottom: 0px;
    }
    
    #header .logo img{
    	display: block;
    	margin-top:5px;
    }
    
    #header .ad468 {
    	width:500px;
    	float:right;
    	text-align:right;
    }
    
    /* 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;
    	float: left;
    	position:relative;
    	font-size: 14px;
    	font-weight:700;
    	text-transform: uppercase;
    	padding:0 15px;
    	height:20px;
    	line-height:0px;
    }
    
    #nav ul.sub-menu{
    	display: none;
    	position: absolute;
    	top: 30px;
    	width:190px;
    	left:10px;
    	z-index: 9999;
    	background: #ffffff !important;
    	-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);
    }
    
     #nav ul.sub-menu a{
    	display:block !important;
    	width:160px;
    	text-transform: none;
    	font-size:12px;
    	font-weight:700;
    	border-bottom:1px solid #efefef;
    }
    
    #nav ul li ul li ul{
    	margin: -30px 0 0 180px;
    }
    
    #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:230px;
    	left:150px;
    	width:400px;
    	background:url(images/s-bg-trans.png);
    	height:40px;
    	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:200px;
    	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{
    	overflow:hidden;
    	padding-bottom: 25px;
    	margin-bottom:25px;
    	background: url("images/sep-bg.png") repeat-x center bottom;
    }
    
    #posts-list .post-image{
    	margin-right:20px;
    	float:left;
    }
    
    #posts-list .post-image img{
    	width:250px
    }
    
    #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;
    	color: #888888;
    	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{
    	overflow:hidden;
    	margin-bottom:15px;
    }
    
    #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:#f1f1f1;
    }
    
    #content .pagination  .page-numbers {
    	border:solid 1px #DEDEDE;
    	display: block;
    	float: left;
    	margin-right:3px;
    	padding: 3px 8px;
    	position: relative;
    }
    
    #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 h3{
    	margin-bottom:10px;
    }
    
    #sidebar .widget{
    	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{
    	color: #bbbbbb;
    	background: url(images/footer-bg.png) repeat;
    	overflow: hidden;
    }
    
    #footer h4{
    	color:#cdcdcd;
    	margin-bottom: 10px;
    }
    
    #footer a{
    	color: #999;
    	font-weight: normal;
    }
    
    #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: 11px;
    	font-style: italic;
    }
    
    #footer .footer-info .credit{
    	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;
    	}
    
    }

    Вот куски кода, которые отвечают за вывод превью записи:

    /**
     * Set the custom excerpt length to return first 30 words.
     */
    function max_magazine_custom_excerpt_length( $length ) {
    	return 60;
    }
    add_filter( 'excerpt_length', 'max_magazine_custom_excerpt_length', 999 );
    
    /**
     * Set the format for the more in excerpt, return ... instead of [...]
     */
    function max_magazine_excerpt_more( $more ) {
    	return '...';
    }
    add_filter('excerpt_more', 'max_magazine_excerpt_more');
    <div class="exceprt">
    						<?php
    							/**
    							 * the_excerpt() returns first 30 words in the post.
    							 * length is defined in functions.php.
    							 */
    							the_excerpt();
    						?>
    					</div>

    the_excerpt();
    Если поле «Цитата» не указано для поста (указывается при публикации), то функция «создаст» цитату самостоятельно, путем обрезки начальной части контента поста (будут взяты первые 55 слов контента). HTML теги или графика, будут предварительно вырезаны, поэтому они не будут выводится и учитываться при подсчете.
    Источник: wp-kama.ru/function/the_excerpt
    Смысл понятен: функция the_excerpt() выметает всё лишнее и выводит голый текст.
    Поэтому у Вас и выводится всё в строку.
    Возможно, это можно обойти, теперь знаете направление поиска

    Спасибо большое, поменял на the_content()

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • Тема «Формат записи — текст в строку» закрыта для новых ответов.