Suporte » Temas » Aumentar espaço (largura) dos posts

  • Resolvido alinsson

    (@alinsson)


    Alguém sabe como aumentar a largura do espaço branco dos posts? Uso o tema Twenty Twelve e gostaria de deixar o espaço mais largo. Como vocês podem ver, falta espaço para o banner que fica em cima do post e o campo curtir do Facebook também ficou apertado. Gostaria de saber qual arquivo devo editar e qual campo alterar. Desde já muito obrigado.

    O link é BBB13

Visualizando 11 respostas - 1 até 11 (de um total de 11)
  • Neste caso você terá que editar o seu arquivo de folha de estilo ( CSS ) mas especificamente o arquivo style.css do seu tema no elemento “.site-content article” basta aumentar a propriedade padding-bottom sugiro colocar o valor de 6.0em faça seus testes e veja como fica.

    Espero ter ajudado!

    Criador do tópico alinsson

    (@alinsson)

    Fiz várias alterações aumentando em muito o número e ele não se mexeu um único milímetro. Olha como está atualmente:

    }
    .site-content article {
    border-bottom: 4px double #ededed;
    margin-bottom: 72px;
    margin-bottom: 6.000000000rem;
    padding-bottom: 24px;
    padding-bottom: 2.800000000rem;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;

    Criador do tópico alinsson

    (@alinsson)

    Alguém poderia me ajudar?
    Também estou com o memso problema no site Em Nome do Pai

    Você está sobrepondo as propriedades de css repetindo o mesmo atributo, remova o segundo margin-bottom e padding-bottom do seu trecho de css, ficando assim:

    .site-content article {
    border-bottom: 4px double #ededed;
    margin-bottom: 72px;
    padding-bottom: 24px;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;

    Veja se dá certo agora…

    Criador do tópico alinsson

    (@alinsson)

    Não mudou nada Dioney. Fiz exatamente isto que me falou. Fiz também alterações enormes nesses números e nada mudou. Será que as alterações têm que ser feitas nesse “.site-content article {” mesmo? Não seria em outro lugar?

    Eduardo

    (@eduardozulian)

    Que navegador você usa? Se usa o Chrome ou o Safari, por padrão, você tem uma função chamada “Inspecionar Elemento”; no caso do FF, talvez você tenha que instalar uma extensão. Enfim, você pode usá-la pra clicar nos elementos do HTML em tempo real e ver quais regras CSS estão sendo usadas para cada tag HTML. Com isso, você saberá com certeza onde fazer a alteração.

    Criador do tópico alinsson

    (@alinsson)

    Eduardo, muito obrigado por resolver meu problema cara. Com esse inspecionar elemento no Chrome eu achei. Muito obrigado meeeeeeesmo.

    /* =Media queries
    ————————————————————– */

    /* Minimum width of 600 pixels. */
    @media screen and (min-width: 600px) {
    .author-avatar {
    float: left;
    margin-top: 8px;
    margin-top: 0.571428571rem;
    }
    .author-description {
    float: right;
    width: 80%;
    }
    .site {
    margin: 0 auto;
    max-width: 960px;
    max-width: 77.571428571rem;
    overflow: hidden;

    Criador do tópico alinsson

    (@alinsson)

    Problema corrigido e aplicado no www rio de janeiro Pode fechar o tópico como resolvido. Obg.

    Estou enfrentando o mesmo problema, mais não consigo encontrar onde alterar, Aqui vai me o meu quem pouder me ajudar fico grata:
    /*
    Theme Name: Pilcrow
    Theme URI: http://theme.wordpress.com/themes/pilcrow/
    Description: Pilcrow’s 6 different layouts, with multiple sidebar configurations, four default color schemes, custom header images (using featured images in posts and pages), and a customizable background, make personalizing your blog a snap.
    Version: 1.5.1
    Author: Automattic
    Author URI: http://automattic.com/
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: custom-header, custom-background, custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, featured-image-header, featured-images, post-formats
    */

    /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
    ————————————————————– */

    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 {
    border: 0;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    }
    legend, caption, table, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    }
    /* remember to define focus styles! */
    :focus {
    outline: 0;
    }
    body {
    background: #fff;
    line-height: 1;
    }
    html body {
    text-align: left;
    }
    ol, ul {
    list-style: none;
    }
    /* tables still need ‘cellspacing=”0″‘ in the markup */
    table {
    border-collapse: separate;
    border-spacing: 0;
    }
    caption, th, td {
    font-weight: normal;
    text-align: left;
    }
    a img {
    border: 0;
    }

    /* =Structure
    ———————————————– */

    body {
    padding: 0 3.8%;
    }
    #wrapper {
    max-width: 850px;
    margin: 0 auto;
    }
    #container {
    clear: both;
    margin: 0 auto;
    }
    #wrapper #container {
    margin: 0 4.7%;
    }
    #header {
    float: left;
    width: 100%;
    }
    #content-box {
    width: 100%;
    }
    #content-container {
    width: 100%;
    }
    #content {
    }
    #main-sidebars {
    max-width: 450px;
    width: 45.5%;
    }
    #feature {
    width: 100%;
    }
    #sidebar,
    #secondary-sidebar {
    overflow: hidden;
    }
    #secondary-sidebar {
    }
    #footer {
    clear: both;
    width: 100%;
    }

    /* 2-column layouts */
    .two-column #container {
    max-width: 770px;
    }
    .two-column #content {
    overflow: hidden;
    width: 64.99%;
    }
    .two-column #sidebar,
    .two-column #secondary-sidebar {
    float: right;
    width: 29.806%;
    }

    /* 3-column layouts */
    .three-column #wrapper {
    max-width: 1070px;
    }
    .three-column #container {
    max-width: 990px;
    }
    .three-column #wrapper #container {
    margin: 0 3.7625%;
    }
    .three-column #content {
    overflow: hidden;
    width: 50.5%;
    }
    .three-column #sidebar {
    width: 51.15%;
    }
    .three-column #secondary-sidebar {
    width: 39.89%;
    }

    /* Content-Sidebar layouts */
    .content-sidebar #content-container {
    float: left;
    margin: 0 -30.4% 0 0;
    }
    .content-sidebar #content {
    margin: 0 35.1% 0 0;
    }
    .content-sidebar #sidebar,
    .content-sidebar #secondary-sidebar {
    float: right;
    }
    .content-sidebar #secondary-sidebar {
    clear: right;
    }

    /* Sidebar-Content layouts */
    .sidebar-content #content-container {
    float: right;
    margin: 0 0 0 -30.4%;
    }
    .sidebar-content #content {
    margin: 0 0 0 35.1%;
    }
    .sidebar-content #sidebar,
    .sidebar-content #secondary-sidebar {
    float: left;
    }
    .sidebar-content #secondary-sidebar {
    clear: left;
    }

    /* Content-Sidebar-Sidebar layouts */
    .content-sidebar-sidebar #content-container {
    float: left;
    margin: 0 -45.5% 0 0;
    }
    .content-sidebar-sidebar #content {
    margin: 0 49.5% 0 0;
    }
    .content-sidebar-sidebar #main-sidebars {
    float: right;
    }
    .content-sidebar-sidebar #feature,
    .content-sidebar-sidebar #sidebar,
    .content-sidebar-sidebar #secondary-sidebar {
    float: left;
    }
    .content-sidebar-sidebar #secondary-sidebar {
    margin: 0 0 0 8.963%;
    }

    /* Sidebar-Sidebar-Content layouts */
    .sidebar-sidebar-content #content-container {
    float: right;
    margin: 0 0 0 -45.5%;
    }
    .sidebar-sidebar-content #content {
    margin: 0 0 0 49.5%;
    }
    .sidebar-sidebar-content #main-sidebars {
    float: left;
    }
    .sidebar-sidebar-content #feature,
    .sidebar-sidebar-content #sidebar,
    .sidebar-sidebar-content #secondary-sidebar {
    float: left;
    }
    .sidebar-sidebar-content #secondary-sidebar {
    margin: 0 0 0 8.963%;
    }

    /* Sidebar-Content-Sidebar layouts */
    .sidebar-content-sidebar #content-container {
    float: left;
    }
    .sidebar-content-sidebar #content {
    margin: 0 24.8%;
    }
    .sidebar-content-sidebar #sidebar,
    .sidebar-content-sidebar #secondary-sidebar {
    width: 20.69%;
    }
    .sidebar-content-sidebar #sidebar {
    float: left;
    margin: 0 0 0 -100%;
    }
    .sidebar-content-sidebar #secondary-sidebar {
    float: right;
    margin: 0 0 0 -20.7%;
    }

    /* Full width content with no sidebar */
    .no-sidebar #wrapper {
    max-width: 1070px;
    }
    .no-sidebar #container {
    max-width: 990px;
    }
    .no-sidebar #wrapper #container {
    margin: 0 3.9%;
    }
    .no-sidebar #content,
    .one-column #content,
    .image-attachment #content {
    margin: 0 auto;
    width: 100%;
    }

    /* Alignment */
    .alignleft {
    display: inline;
    float: left;
    margin-right: 7px;
    }
    .alignright {
    display: inline;
    float: right;
    margin-left: 7px;
    }
    .aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    /* =Global
    ———————————————– */

    body, input, textarea {
    color: #333;
    font: 14px Georgia, “Bitstream Charter”, serif;
    line-height: 1.7;
    }
    #wrapper {
    background: #fff;
    }

    /* Headings */
    hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    }

    /* Text elements */
    p {
    margin-bottom: 15px;
    }
    ul, ol {
    margin: 0 0 1.7em 2.5em;
    }
    ul {
    list-style: square;
    }
    ol {
    list-style-type: decimal;
    }
    ul ul, ol ol, ul ol, ol ul {
    margin-bottom: 0;
    }
    dl {
    margin-bottom: 1.7em;
    }
    dt {
    font-weight: bold;
    }
    dd {
    font-style: italic;
    margin: 0 1.7em 0;
    }
    strong {
    font-weight: bold;
    }
    cite, em, i {
    font-style: italic;
    }
    img {
    height: auto;
    max-width: 100%;
    }
    blockquote {
    background: #F5F5F5;
    border: solid #bbb;
    border-width: 1px 0;
    color: #666;
    margin: 0 0 1.7em;
    padding: 5px 10px 0;
    }
    blockquote p {
    margin-bottom: 7px;
    }
    pre {
    background: #f4f4f4;
    font: 13px “Courier New”, Courier, monospace;
    line-height: 1.7;
    margin-bottom: 1.7em;
    overflow-x: auto;
    padding: 0.75em 1.7em;
    overflow-x: scroll;
    }
    code, kbd {
    color: #009900;
    font: 13px “Courier New”, Courier, monospace;
    }
    abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
    }
    ins {
    background: #fff9c0;
    text-decoration: none;
    }
    sup,
    sub {
    font-size: 10px;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
    }
    sup {
    bottom: 1ex;
    }
    sub {
    top: .5ex;
    }
    input[type=text],
    input[type=email],
    textarea {
    border: 1px solid #bbb;
    }
    textarea {
    padding-left: 3px;
    width: 98%;
    }
    input[type=text],
    input[type=email] {
    padding: 3px;
    }

    /* Links */
    a {
    color: #1c9bdc;
    text-decoration: none;
    }
    a:focus,
    a:active,
    a:hover {
    color: #000;
    text-decoration: underline;
    }

    /* Text meant only for screen readers */
    .screen-reader-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    }

    /* =Header
    ———————————————– */

    #header {
    margin-bottom: 30px;
    }
    #site-title {
    text-align: left;
    }
    #site-title a {
    color: #228B22;
    font-size: 45px;
    font-weight: bold;
    line-height: 72px;
    text-decoration: none;
    }
    #header img {
    border-bottom: 2px solid #222;
    max-width: 100%;
    width: auto;
    height: auto;
    }

    /* =Menu
    ———————————————– */

    #nav {
    border: solid #222;
    border-width: 1px 0 2px;
    display: block;
    float: left;
    margin: 0 auto;
    width: 100%;
    }
    #nav ul {
    font-size: 12px;
    list-style: none;
    margin: 0;
    padding-left: 0;
    }
    #nav li {
    float: left;
    position: relative;
    }
    #nav a {
    color: #222;
    display: block;
    line-height: 42px;
    letter-spacing: 0.3em;
    padding: 0 16px;
    text-decoration: none;
    text-transform: uppercase;
    }
    #nav ul ul {
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    display: none;
    float: left;
    position: absolute;
    top: 42px;
    left: 0;
    width: 180px;
    z-index: 99999;
    }
    #nav ul ul ul {
    left: 212px;
    top: 0;
    }
    #nav ul ul a {
    background: #222;
    color: #fff;
    width: 180px;
    height: auto;
    }
    #nav .current_page_item a,
    #nav li:hover > a,
    #nav ul ul :hover > a {
    background: #222;
    color: #fff;
    }
    #nav ul ul a:hover {
    background: #000;
    }
    #nav ul li:hover > ul {
    display: block;
    }

    /* =Content
    ———————————————– */

    .hentry {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    }

    .page-title {
    background: #F5F5F5;
    border-bottom: 1px solid #ddd;
    color: #000;
    font-size: 24px;
    margin-bottom: 30px;
    padding: 4px 8px;
    }
    .page-title span {
    color: #999;
    font-style: italic;
    }
    .entry-meta {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    display: inline;
    float: left;
    font-size: 11px;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 0 6px;
    text-transform: uppercase;
    }
    .entry-meta a {
    color: #333;
    }
    .entry-meta a:hover {
    color: #1873a1;
    }
    .jump {
    border-bottom: 1px solid transparent;
    display: inline;
    float: right;
    line-height: 24px;
    padding: 4px 10px;
    }
    .entry-title {
    clear: both;
    color: #000;
    font-size: 28px;
    line-height: 33px;
    margin: 0 0 10px;
    padding: 10px 0 0;
    }
    .entry-title a {
    color: #000;
    }
    .entry-title a:focus,
    .entry-title a:active,
    .entry-title a:hover {
    color: #1873a1;
    text-decoration: none;
    }
    .entry-content {
    clear: both;
    }
    .single .entry-content {
    padding-top: 1.7em;
    }
    .entry-content h1 {
    color: #000;
    font-size: 56px;
    font-weight: bold;
    }
    .entry-content h2 {
    color: #000;
    font-size: 28px;
    line-height: 33px;
    margin: 0 0 10px;
    padding: 10px 0 0;
    }
    .entry-content h3 {
    color: #999;
    font-size: 21px;
    margin-bottom: 4px;
    }
    .entry-content h4 {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    font-size: 11px;
    display: inline;
    line-height: 24px;
    padding: 4px 6px;
    text-transform: uppercase;
    }
    .entry-content h5,
    .entry-content h6 {
    font-size: 12px;
    font-weight: bold;
    }
    .entry-content h6 {
    font-size: 10px;
    }
    .entry-content a {
    text-decoration: underline;
    }
    .entry-content a:visited {
    color: #333;
    }
    .page-link {
    color: #000;
    clear: both;
    font-weight: bold;
    margin: 0 0 1.7em;
    padding: 4px 0 0;
    word-spacing: 0.5em;
    }
    .page-link a:link,
    .page-link a:visited {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    color: #333;
    font-weight: normal;
    padding: 0.5em 0.75em;
    text-decoration: none;
    }
    .page-link a:active,
    .page-link a:hover {
    color: #1873a1;
    }
    .entry-links {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    clear: both;
    margin: 0 0 3.4em;
    overflow: hidden;
    padding: 10px;
    }
    .entry-links p {
    margin: 0;
    }
    .entry-links .comment-number {
    background: url(images/icons/bubble.png) no-repeat 0 4px;
    float: right;
    padding: 0 0 2px 26px;
    }
    .entry-links .tagged {
    background: url(images/icons/cabinet.png) no-repeat 0 2px;
    padding: 0 0 0 24px;
    }
    #author-description {
    margin: 0 0 10px;
    }

    /* Post Formats */

    .format-link .entry-content a {
    color: #000;
    font-size: 28px;
    text-decoration: none;
    }

    /* Sticky Posts */
    .sticky .entry-meta {
    display: none;
    }
    .sticky .entry-title {
    padding: 0;
    }
    .sticky .entry-content {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    padding: 10px 10px 0;
    }
    .sticky .entry-links {
    border-top: 1px solid #fff;
    }
    .sticky .page-link {
    margin: 0;
    padding: 0 0 1.7em;
    }
    .sticky .page-link a {
    background: #fff;
    }

    /* Image Attachments */
    .image-attachment div.entry-meta {
    float: left;
    }
    .image-attachment #image-navigation {
    float: right;
    }
    .image-attachment .next-image a {
    padding-left: .5em;
    }
    .image-attachment .entry-attachment {
    background: #f5f5f5;
    margin: 0 0 10px;
    padding: 10px 10px 0;
    text-align: center;
    }

    .mejs-container,
    .post-format-content {
    margin-bottom: 15px;
    }

    /* Quotes */
    .quote {
    background: #f5f5f5;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    color: #666;
    margin: 0 0 1.7em;
    padding: 5px 10px 0;
    }

    .quote blockquote {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    }

    .quote-caption {
    font-style: italic;
    margin: 0 0 7px;
    }

    /* =Images
    ———————————————– */

    .entry img.left_off {
    float: left;
    margin: 0 10px 5px 0;
    }
    .entry img.right_off {
    float: right;
    margin: 0 0 5px 10px;
    }
    .entry img.center_off {
    display: block;
    margin: 0 auto 15px;
    }
    object,
    embed {
    max-width: 100%;
    }
    p img.wp-smiley {
    margin-bottom: 0;
    }
    p img,
    .wp-caption {
    margin-bottom: 2px;
    }
    .wp-caption {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    max-width: 99%;
    margin-bottom: 10px;
    padding-top: 4px;
    text-align: center;
    }
    .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98%;
    padding: 0;
    }
    .wp-caption .wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 8px 0;
    }
    .gallery-caption {
    margin: 0 1.2em !important;
    }

    /* =Navigation
    ————————————————————– */

    .navigation {
    clear: both;
    overflow: hidden;
    }
    .nav-previous {
    float: left;
    width: 50%;
    }
    .nav-next {
    float: right;
    text-align: right;
    width: 50%;
    }
    #nav-above {
    margin: 0 0 1.7em;
    }
    #nav-above {
    display: none;
    }
    .paged #nav-above,
    .single #nav-above {
    display: block;
    }
    #nav-below {
    margin: 0 0 1.7em;
    }
    .single #nav-below {
    display: none;
    }

    /* =Widgets
    ———————————————– */

    .sidebar-list {
    list-style: none;
    margin-left: 0;
    }
    .widget {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 1.7em 0;
    }
    .widget-title {
    color: #999;
    font-size: 24px;
    line-height: 21px;
    margin: 0;
    }
    .sidebar-list h2 {
    color: #999;
    font-size: 24px;
    line-height: 18px;
    }
    .widget ul {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    margin-left: 0;
    padding: 10px 10px 10px 20px;
    }
    .widget ul ul {
    border: none;
    margin-left: 1em;
    padding: 0;
    }
    .widget li {
    padding: 3px 0;
    }
    .widget select {
    max-width: 99%;
    }

    /* Titleless Widgets */
    .widget_vodpod {
    padding-top: 10px;
    }

    /* Search Widget */
    .widget_search #s {
    width: 60%;
    }

    /* Tag Clouds */
    .wp_widget_tag_cloud div,
    .widget_tag_cloud div {
    padding: .5em 0;
    }

    /* RSS Links Widget */
    .widget_rss_links p {
    margin: 0;
    }
    .widget_rss_links img {
    margin: 0 0 -1px;
    }

    /* Flickr Widget */
    #flickr_badge_wrapper {
    margin-top: 10px;
    padding: 10px;
    }
    #flickr_badge_wrapper td {
    text-align: center;
    }

    /* Recent Comments Widget */
    .widget_recent_comments td {
    vertical-align: middle;
    }

    /* Calendar Widget */
    #wp-calendar {
    width: 100%;
    }
    #wp-calendar caption {
    color: #888;
    font-size: 13px;
    font-weight: bold;
    margin: 6px 0;
    text-align: left;
    padding: 0 2px 6px;
    }
    #wp-calendar th {
    color: #888;
    text-align: center;
    }
    #wp-calendar tbody td {
    text-align: center;
    }
    #wp-calendar tfoot td {
    padding-top: .2em;
    }
    #wp-calendar tfoot #next {
    text-align: right;
    }
    #wp-calendar tbody a {
    text-decoration: underline;
    }
    #wp-calendar a:visited {
    color: #0060ff;
    }
    #wp-calendar a:visited:hover {
    color: #df0000;
    }
    #wp-calendar tbody #today {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    padding: 3px 0;
    }

    /* Footer Widgets */
    #footer-widget-area {
    overflow: hidden;
    margin-bottom: -1.5em;
    padding: 10px 0 0;
    }
    #footer .widget-area {
    width: 49.4%;
    }
    #first {
    float: left;
    }
    #second {
    float: right;
    }
    #footer .widget ul {
    background: #000;
    border-color: #444;
    }

    /* =Comments
    ———————————————– */

    #comments-title {
    border-bottom: 1px dotted #ddd;
    color: #000;
    font-size: 28px;
    line-height: 33px;
    margin: 0 0 10px;
    padding: 10px 0;
    }
    #comments ol {
    list-style: none;
    margin-left: 0;
    }
    #comments ul.children {
    margin-left: 10px;
    }
    #comments li {
    padding: 1.7em 10px;
    position: relative;
    }
    #comments li.pingback p {
    margin-bottom: 10px;
    }
    #comments li.thread-alt,
    #comments li.author_comment_alt {
    background: #f5f5f5;
    }
    #comments li.bypostauthor > .comment-container {
    background: #e9f6fc;
    margin: -15px 0 -5px -10px;
    padding: 15px 0 5px 10px;
    }
    #comments li,
    #comments li.thread-alt,
    #comments li.author_comment_,
    #comments li.author_comment_alt {
    border-bottom: 1px dotted #bbb;
    list-style: none;
    padding: 15px 0 5px 10px;
    }
    #comments li .children li {
    border-bottom: none;
    }
    #comments .avatar {
    border: 1px solid #eee;
    padding: 2px;
    position: absolute;
    right: 10px;
    top: 10px;
    }
    .comment-author {
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    }
    cite.fn {
    font-style: normal;
    }
    .comment-meta,
    .comment-meta a {
    color: #999;
    font-size: 12px;
    }
    .comment-body {
    padding: 1.7em 10px 0 0;
    }
    .reply {
    padding: 0 0 5px;
    }

    /* Comment Form */
    #reply-title {
    color: #000;
    font-size: 28px;
    line-height: 33px;
    margin: 0 0 10px;
    padding: 10px 0;
    }
    #respond .required {
    color: #ff3730;
    }
    #respond .comment-form-author,
    #respond .comment-form-email,
    #respond .comment-form-url {
    overflow: hidden;
    }
    #respond .comment-form-author input,
    #respond .comment-form-email input,
    #respond .comment-form-url input {
    float: left;
    margin-right: 7px;
    }
    .comment-form-comment label {
    display: none;
    }
    .comment-form-comment {
    margin: 0;
    }
    .form-allowed-tags {
    color: #999;
    font-size: 12px;
    }
    .form-allowed-tags code {
    color: #999;
    }

    /* =Footer
    ———————————————– */

    #footer {
    border-top: 1px solid #000;
    padding-top: 3px;
    }
    #footer #colophon {
    background: #222;
    color: #fff;
    overflow: hidden;
    padding: 4px 10px;
    }
    #footer #colophon a {
    border-bottom: 1px solid #555;
    color: #fff;
    text-decoration: none;
    }
    #footer #colophon a:hover {
    border-color: #777;
    }
    #site-info {
    font-size: 12px;
    float: left;
    width: 50%;
    }
    #site-generator {
    font-size: 12px;
    float: right;
    text-align: right;
    width: 50%;
    }
    #wpstats {
    position: absolute;
    top: -9000px;
    }

    /* =Print
    ———————————————– */

    @media print {
    * {
    overflow: visible !important;
    float: none !important;
    }
    body {
    background: none !important;
    color: #000;
    font: 12px Georgia, “Bitstream Charter”, serif;
    line-height: 1.7;
    }
    #container {
    clear: both !important;
    display: block !important;
    float: none !important;
    position: relative !important;
    }
    #content-container {
    float: none !important;
    }
    #content {
    width: 100% !important;
    }
    #site-title {
    text-align: left;
    }
    .entry-meta {
    border: none;
    padding: 0;
    }
    #nav,
    #pic,
    .navigation,
    .jump,
    .wpl-likebox,
    .entry-links,
    #sidebar,
    .widget-area,
    #respond,
    #footer {
    display: none !important;
    }

    }

    /* =WP.com
    ————————————————————– */

    body.typekit-enabled #site-info {
    width: 40%;
    }
    body.typekit-enabled #site-generator {
    width: 60%;
    }
    .milestone-widget .milestone-header {
    background-color: #f5f5f5;
    border-bottom: 1px solid #dcdcdc;
    color: #333;
    }
    .milestone-widget .milestone-countdown,
    .milestone-widget .milestone-message {
    background-color: #f5f5f5;
    border: none;
    border-top: 1px solid #fff;
    }
    .milestone-widget .milestone-content {
    max-width: none;
    }
    .widget_twitter iframe {
    margin-top: 10px;
    }

    /* =Jetpack: Infinite Scroll
    ————————————————————– */
    .infinite-scroll #content-box:after {
    clear: both;
    content: ”;
    display: block;
    }
    .infinite-scroll #content {
    margin-bottom: 50px;
    }
    .infinite-scroll #content .infinite-wrap {
    border-top: none;
    padding-top: 0;
    }
    /* Elements to hide */
    .infinite-scroll #nav-below,
    .infinite-scroll.neverending #footer {
    display: none;
    }
    /* Loader */
    .infinite-loader {
    margin: 10px auto 20px;
    width: 24px;
    }
    /* Tweak the standard footer to match the theme style */
    .infinite-scroll #infinite-footer .container {
    background: rgba( 245, 245, 245, 0.9);
    border: none;
    border-radius: 0;
    }
    .infinite-scroll #infinite-footer .blog-credits {
    color: #333;
    }
    .infinite-scroll #infinite-footer .blog-info a,
    .infinite-scroll #infinite-footer .blog-credits a {
    color: #1c9bdc;
    }
    .infinite-scroll #infinite-footer .blog-info a:hover,
    .infinite-scroll #infinite-footer .blog-credits a:hover {
    color: #1873a1;
    }
    /* Load more posts button */
    .infinite-scroll #infinite-handle {
    text-align: center;
    }
    .infinite-scroll #infinite-handle span {
    background: rgb( 245, 245, 245 );
    border-color: rgb( 245, 245, 245 );
    border-radius: 2px;
    color: #1c9bdc;
    font-size: 14px;
    line-height: 2.4285714285em;
    padding: 8px 20px;
    }
    .infinite-scroll #infinite-handle span::before {
    color: #1c9bdc;
    }
    .infinite-scroll #infinite-handle:hover span,
    .infinite-scroll #infinite-handle:hover span::before {
    color: #1873a1;
    }
    /* Hooks to infinity-end body class to restore footer */
    .infinity-end.neverending #footer {
    display: block;
    }
    /* Dark */
    .color-dark #infinite-footer .container {
    background: rgba( 20, 20, 20, 0.9);
    }
    .color-dark #infinite-footer .blog-credits {
    color: #d8d8cd;
    }
    .color-dark #infinite-footer .blog-info a,
    .color-dark #infinite-footer .blog-credits a {
    color: #1c9bdc;
    }
    .color-dark #infinite-footer .blog-info a:hover,
    .color-dark #infinite-footer .blog-credits a:hover {
    color: #1873a1;
    }
    .color-dark #infinite-handle span {
    background: rgb( 20, 20, 20 );
    border-color: rgb( 20, 20, 20 );
    color: #1c9bdc;
    }
    .color-dark #infinite-handle span::before {
    color: #1c9bdc;
    }
    .color-dark #infinite-handle:hover span,
    .color-dark #infinite-handle:hover span::before {
    color: #1873a1;
    }
    /* Brown */
    .color-brown #infinite-footer .container {
    background: rgba( 36, 31, 22, 0.9 );
    }
    .color-brown #infinite-footer .blog-credits {
    color: #9f9c80;
    }
    .color-brown #infinite-footer .blog-info a,
    .color-brown #infinite-footer .blog-credits a {
    color: #b58942;
    }
    .color-brown #infinite-footer .blog-info a:hover,
    .color-brown #infinite-footer .blog-credits a:hover {
    color: #c5903b;
    }
    .color-brown #infinite-handle span {
    background: rgb( 36, 31, 22 );
    border-color: rgb( 36, 31, 22 );
    color: #b58942;
    }
    .color-brown #infinite-handle span::before {
    color: #b58942;
    }
    /* Red */
    .color-red #infinite-footer .container {
    background: rgba( 125, 23, 13, 0.9 );
    }
    .color-red #infinite-footer .blog-credits {
    color: #fae8e6;
    }
    .color-red #infinite-footer .blog-info a,
    .color-red #infinite-footer .blog-credits a {
    color: #eb877b;
    }
    .color-red #infinite-footer .blog-info a:hover,
    .color-red #infinite-footer .blog-credits a:hover {
    color: #f39a90;
    }
    .color-red #infinite-handle span {
    background: rgb( 125, 23, 13 );
    border-color: rgb( 125, 23, 13 );
    color: #eb877b;
    }
    .color-red #infinite-handle span::before {
    color: #eb877b;
    }
    .color-red #infinite-handle:hover span,
    .color-red #infinite-handle:hover span::before {
    color: #f39a90;
    }

    ola amigos eu gostaria de aumentar (largura) dos posts
    estou usando esse tema DarknessGames me ajudem por favor

    🙁 alguem poderia me ajudar? preciso aumentar a área util do post ao centro, mas não consigo de nenhuma maneira..

    http://www.ligiaguerra.com.br

    queria aumentar o Height para uns 500px

Visualizando 11 respostas - 1 até 11 (de um total de 11)
  • O tópico ‘Aumentar espaço (largura) dos posts’ está fechado para novas respostas.