Aumentar espaço (largura) dos posts
-
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
-
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!
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;Alguém poderia me ajudar?
Também estou com o memso problema no site Em Nome do PaiVocê 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…
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?
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.
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;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..
queria aumentar o Height para uns 500px
- O tópico ‘Aumentar espaço (largura) dos posts’ está fechado para novas respostas.