Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala Galera! Sou bem leigo em html e css, e estou com uma dúvida que pode ser simples, mas realmente estou tendo dificuldades.
Fiz um site de casamento para minha irmã usando o wordpress, pela facilidade. O site está pronto, só que no cabeçalho eu gostaria de fazer uma modificação.
Vou deixar um print para vocês verem o cabeçalho. O que acontece é que eu coloquei a imagem logo lá pelo painel do wordpress mesmo, só que ficou estranho o contraste com o branco de fundo. Gostaria de saber se há alguma maneira de deixar todo o fundo do cabeçalho com o mesmo fundo da imagem logo. Se sim, em qual arquivo tenho que ir? o header.php ou o styles.css? E o que devo procurar? Pois eu ja tentei ir no arquivo header.php e colocar no <body> o mesmo fundo da logo, usando background-image:url(), mas não funcionou, acho que não é desse modo.
Se puder me ajudar por favor, obrigado!
LINK DO PRINT: [https://ibb.co/icAKUx](https://ibb.co/icAKUx)@Marcus Roberto
Qual é o nome do tema Wordpress que você está usando?
/* Table of Content
==================================================
00. CSS Reset
01. Basic Styles & Typography (header, paragraph, blockquote, lists, links, tables etc.)
02. Page Layout & Grids
03. Header (logo, main navigation, search field)
04. Content
05. Sidebar
06. Prefooter & Footer
07. Forms & Buttons
08. Generic styles & WordPress Styles
/* 00. CSS Reset (Inspired by E. Meyers)
================================================== */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
} content: '';
content: none; } max-width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
margin: 0.75em 0;
} padding: 0.75em 8px;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #dddddd;
} color: #ffffff;
border-bottom: none;
font-weight: 600;
}/* 01. Basic Styles & Typography
================================================== */
body {
font-size: 87.5%;
line-height: 1.5;
font-family: PT Serif, Georgia, serif;
color: #797979;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
-ms-word-wrap: break-word;
word-wrap: break-word;
}/ Typography /
h1, h2, h3, h4, h5, h6 {
color: #404040;
font-family: "Raleway", Arial, sans-serif;
font-weight: 600;
margin: 0.75em 0;
}p { margin-bottom: 1.5em; }
p img { margin: 0; }
p:empty { display: none; }
em, i { font-style: italic; font-size: 0.8751em; }
strong, b { font-weight: bold; }
small { font-size: 0.7142em; }
/ Blockquotes /
blockquote, blockquote p { font-size: 1.075em; line-height: 1.8; color: #777; font-style: italic; }
blockquote p { margin: 0; }
blockquote blockquote { font-size: 1em;}
blockquote { margin: 0 0 1.5em; padding: 0.75em 1.5em; border-left: 3px solid #ddd; }
blockquote cite { display: block; font-size: 0.8751em; color: #555; margin-top: 0.75em;}
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 0.75em 0 1.25em; height: 0; }
/ #Links /
a {
transition: color 150ms linear;
-moz-transition: color 150ms linear;
-webkit-transition: color 150ms linear;
-o-transition: color 150ms linear;
}/ #Lists /
ol { list-style: decimal; margin: 0 0 1.5em 24px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 0.75em 0 0.75em 30px; }
ul ul li, ul ol li,
li { margin-bottom: 0.75em; }
/ Images /
.widget img, .page-content img, .entry-content img, .comment-content img{
max-width:100%;
height:auto;
}/* 02. Page Layout
================================================== */
#page {
width: 1008px;
margin: 2em auto 0;
} content: '';
width: 1008px;
height: 30px;
background-image: url("images/hfbg_1.png");
background-repeat: no-repeat;
background-position: bottom left;
background-size: cover;
display: block;
} content: '';
width: 1008px;
height: 35px;
background-image: url("images/hfbg_1.png");
background-repeat: no-repeat;
background-position: top left;
background-size: cover;
display: block;
}
#header {
background-image: url("images/contentbg_1.png");
background-repeat: repeat-y;
background-position: top left;
background-size: contain;
position: relative;
}
#main {
background-image: url("images/contentbg_1.png");
background-repeat: repeat-y;
background-position: top left;
background-size: contain;
padding: 3em 34px;
overflow: hidden;
}
#primary {
width: 600px;
float: left;
} width: 100%;
float: none;
}
#sidebar {
width: 300px;
float: right;
}
#prefooter {
background: url("images/contentbg.png");
background-repeat: repeat-y;
background-position: top left;
position: relative;
}
#prefooter-inner {
margin: 0 4px;
background-image: url("images/menu-border.png");
background-repeat: repeat-x;
background-position: top left;
padding: 3em 34px 0;
}
#prefooter-inner > div:last-child {
margin-right: 0;
}
#footer {
margin: 0.916em auto;
width: 1000px;
text-align: center;
font-size: 85%;
}/ Grid /
.row { clear: both; overflow: hidden; }
.one-half, .one-third, .two-third, .three-fourth, .one-fourth {height:auto !important; min-height:1px; margin-right:2.6%; float:left; position:relative;}
.one-half {width:48%;}
.one-third {width:30.666%;}
.two-third {width:65.332%;}
.one-fourth {width:23%;}
.two-fourth {width:48%;}
.three-fourth {width:74%;}
.last {margin-right:0px !important; clear:right;}
.two-third.last {width:65.334%;}
/* 03. Header
================================================== */
.site-branding {
text-align: center;
} max-width: 100%;
}
.site-title {
font-family: 'Niconne', cursive;
font-size: 40px;
margin: 0;
font-weight: 400;
}
.site-description {
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
font-size: 0.857em;
font-weight: normal;
margin: 0 0 2em 0;
letter-spacing: 0.2em;
}/ Main Navigation /
#nav-wrapper {
text-align: center;
position: relative;
} margin: 0 auto;
display: inline-block;
width: 94%;
} content: '';
width: 100%;
height: 6px;
display: block;
background: url("images/menu-border.png") repeat-x top left;
} text-align: center;
} display: inline-block;
margin: 0;
position: relative;
padding: 0;
} padding:8px 24px;
color: #666666;
display: inline-block;
font-size: 0.857em;
text-transform:uppercase;
text-shadow: 1px 1px 0 #EAE1D8;
text-align:center;
text-decoration:none;
}#nav-wrapper .ribbon-left {
position: absolute;
top: -9px;
left: -20px;
width: 41px;
height: 65px;
} position: absolute;
top: -9px;
right: -20px;
background-position: top right;
width: 41px;
height: 65px;
}/ Submenus /
nav#main-nav ul ul {
width: 180px;
display:none;
position:absolute;
top: 19px;
left: -10px;
z-index: 10;
margin: 0;
} display:block;
position:relative;
background-color:#ffffff;
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
border-bottom: 1px dashed #e1e1e1;
margin:0;
} border-bottom: 1px solid #e1e1e1;
}nav#main-nav ul ul li a {
padding:11px 6px 12px 6px;
display:block;
font-size:11px;
color:#a7a7a7;
text-transform: uppercase;
line-height:1.4em;
text-decoration: none;
} content: ' ';
width: 0;
height: 0;
position: relative;
top: -3px;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
} padding-top:0px;
left:178px;
top:-1px;
border-top:1px solid #e1e1e1;
}/* 04.Content
================================================== */
/ Post excerpt /
article.excerpt {
border-bottom: 3px double #eee;
margin-bottom: 2em;
padding-bottom: 2em;
} border-bottom: 3px double #eee;
margin-bottom: 2em;
}
.post-thumbnail {
float: left;
margin-right: 24px;
} text-align: center;
} font-size: 1.5em;
font-weight: 400;
margin: 0;
}
.page-header {
padding-bottom: 1em;
margin-bottom: 2em;
background: url("images/border.png") no-repeat bottom center;
} margin: 0.75em 0;
}
.entry-meta {
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
font-size: 0.786em;
line-height: 3.818em;
text-align: center;
background: url("images/border.png") no-repeat bottom center;
}.excerpt .entry-meta {
background: none;
} padding: 1.5em 0;
line-height: 1.5em;
margin-bottom: 1.909em;
} background: url("images/border.png") no-repeat top center;
margin-top: 8px;
padding-top: 8px;
} margin: 1.5em 0 1.5em;
}
.entry-author {
clear: both;
overflow: hidden;
}
.section {
margin: 0 0 1.5em 0;
}
.section-title {
text-transform: uppercase;
font-size: 0.857em;
line-height: 1.75em;
margin: 0 0 1em 0;
font-weight: normal;
text-align: center;
background: url("images/border.png") repeat-x center center;
} background: #fff;
padding: 0 12px;
} border-radius: 50%;
float: left;
margin-right: 12px;
} margin-left: 100px;
}
.more-link {
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
font-size: 0.786em;
line-height: 3.818em;
text-align: center;
display: block;
}
.wp-pagenavi {
clear: both;
display: block;
text-align: right;
width: 600px;
padding: 0 0 1.5em 0;
position: relative;
width: 100%;
}.wp-pagenavi .pages {
font-size: 12px;
float: left;
text-align: left;
width: 150px;
margin: 0;
padding: 0;
}.wp-pagenavi a, .wp-pagenavi span {
margin: 0 3px 0 0;
padding: 0 5px 0;
text-decoration: none;
border: none;
} margin: 12px 0;
text-align: center;
clear: both;
}/ FlexSlider /
.flexslider { min-height: 100px; border: none; position: relative; zoom: 1; margin-bottom: 1.5em; }
.flexslider .slides li { margin-bottom: 0 !important; }
.flexslider .slides li p { margin: 0 !important; }
.flexslider .slides > li {position: relative; margin-left: 0; }
.flex-container { zoom: 1; position: relative; }
.flexslider .slides img { height: auto; max-width: 100%; width: auto !important; margin: 0 auto; }
.flex-direction-nav, .flex-control-nav, .flex-caption { margin-bottom:0 !important; }
/ Caption style /
.flex-caption {
position: absolute;
bottom: 9px;
background: rgba(255, 255, 255, 0.8);
z-index: 1;
padding: 10px;
}
.flex-caption {
margin-bottom: 0;
width: 97%;
text-align: center;
}/ Direction Nav /
.flex-direction-nav {
position: absolute;
z-index: 10;
width: 100%;
margin: 0;
right: 0;
bottom: 50%;
height: 31px;
display: block !important;
}.flex-direction-nav li a {
-webkit-transition: none; -moz-transition: none; transition: none;
-webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease;
}/ Clearfix for the .slides element /
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/ Control Nav /
.flex-control-nav {
position: absolute;
top: 20px;
left: 50%;
z-index: 5;
margin: 0;
list-style: none;
} margin: 0 0 0 5px !important;
display: inline-block !important;
zoom: 1;
*display: inline !important;
display: block;
float: left;
margin-left: 5px;
text-indent: -999px;
} width: 10px;
height: 10px;
display: block !important;
border-radius: 5px;
background-color: #ccc;
background-color: rgba(255, 255, 255, 0.5);
box-shadow: none !important;
cursor: pointer;
text-indent: -9999px;
box-shadow: none !important;
}/ Previous/Next article navigation /
.site-content .post-navigation {
overflow:hidden;
} width: 40%;
margin-right: 5%;
padding-left: 5%;
text-align: right;
} width: 40%;
margin-left: 5%;
padding-right: 5%;
text-align: left;
}/ YARPP custom styling /
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
border: none !important;
text-align: center;
}/ Comments /
#comments {
overflow: hidden;
} text-transform: uppercase;
font-size: 0.875em;
font-weight: normal;
text-align: center;
background: url("images/border.png") repeat-x center center;
} background: #fff;
padding: 0 12px;
}
.comment-navigation {
margin: 12px 0;
}
.comment-list {
list-style-type: none;
margin: 0;
padding: 0;
} border-bottom: 1px dashed #eee;
margin: 0 0 1.5em;
overflow: hidden;
padding: 0 0 12px;
} float: left;
margin: 0 10px 0 0;
padding: 3px;
border-radius: 50%;
}
.comment-box {
overflow: hidden;
}
.comment-author {
font-weight: bold;
}
.comment-meta {
float: right;
}
.comment-text {
clear: both;
margin: 6px 0;
} margin: 12px 0;
} padding: 0 0 0 40px;
list-style-type: none;
} margin-left: 60px;
}#comment-form input {
margin-right: 8px;
float: left;
} margin-bottom: 10px;
} overflow: hidden;
}/* 05. Sidebar & Widgets
================================================== */
.widget {
margin-bottom: 1.5em;
overflow: hidden;
}
.widget-title {
background: url("images/border.png") repeat-x 0 11px;
font-size: 0.857em;
line-height: 1.75em;
margin: 0 0 1em 0;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
font-weight: normal;
text-align: center;
} background: #ffffff;
padding: 0 6px;
} font-family: 'Niconne', cursive;
font-size: 24px;
text-transform: lowercase;
font-style: normal;
padding-left: 3px;
}.widget ul li{
border-bottom: 1px dashed #eee;
padding: 0 0 8px;
margin: 0 0 8px 0;
} border-top: 1px dashed #eee;
} margin-top: 8px;
padding-top: 8px;
} margin-bottom: 0;
padding-bottom: 0;
border: none;
}/ Menu /
.widget ul.menu li {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
.widget ul.menu li ul {
margin: 0 0 0 6px;
}
.widget ul.menu li a {
padding: 10px 0 10px 30px;
border-bottom: 1px dashed #eee;
display: block;
}
.widget ul.menu li a:hover {
background-color: #f8f8f8;
}/ Widget About /
.widget img.profile {
border-radius: 50%;
float: right;
}/ Widget Popular /
.widget .popular li {
overflow: hidden;
padding-bottom: 10px;
margin-bottom: 10px;
} margin-right: 10px;
float: left;
} font-weight: normal;
font-size: 0.9285em;
line-height: 1.616em;
} margin: 0;
font-size: 0.714em;
background: none;
text-align: left;
padding: 0;
}/ Archives - two columns widget /
.widget ul.archive-left {
width: 45%;
float: left;
} width: 45%;
float: right;
} border-bottom: none;
}/ Social icons /
ul.social {
margin: 0;
height: 36spx;
text-align: center;
} background: #e4e4e4;
display: inline-block;
border-radius: 50%;
width: 36px;
height: 36px;
color: #ffffff;
} color: #fff;
-webkit-transition: background 300ms ease-in-out;
-moz-transition: background 300ms ease-in-out;
-ms-transition: background 300ms ease-in-out;
-o-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;
} color: #fff;
} font-size: 18px;
line-height: 36px;
}/ Calendar Widget /
.widget_calendar table {
width: 100%;
}
table th,
table td{
color: #797979;
background:#FFF;
border:1px solid #EDEDED;
text-align:center
}
table th{
background:#FBFBFB;
} color:#FFF;
font-weight:bold;
} color:#FFF;
} font-weight:bold;
padding:5px 10px;
margin-bottom:5px;
text-transform:uppercase
} border-right:1px solid #EDEDED;
margin-bottom:0;
font-size: 0.785em;
}/* 06. Footer & Prefooter widget area
================================================== */
#footer-nav li {
display: inline-block;
text-transform: uppercase;
} content: ' /';
} content: '';
}/* 07. Forms & buttons
================================================== */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
padding: 6px 10px;
display: inline-block;
color: #888;
background-color: #f4f4f4;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.07);
border-radius: 2px;
border: 0;
cursor: pointer;
} color: #fff;
box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15);
}/ #Forms /
form { margin-bottom: 20px; }
fieldset { margin-bottom: 20px; }
input[type="text"],
input[type="search"],
input[type="password"],
input[type="url"],
input[type="email"],
textarea,
select {
border: 1px solid #e6e6e6;
padding: 6px 4px;
outline: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font: 13px "Open Sans", Arial, sans-serif;
color: #acacac;
margin: 0;
max-width: 100%;
display: block;
-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
background: #fff;
}input[type="search"] {
padding: 4px 4px;
display: inline-block;
}input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
border: 1px solid #aaa;
color: #acacac;
color: #acacac;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
box-shadow: 0 0 3px rgba(0,0,0,.2);
}
select { width: 220px; } display: block;
font-weight: bold;
font-size: 13px;
}label span,
legend span {
font-weight: normal;
font-size: 13px;
color: #444;
}/* 08. Generic styles & WprdPress styles
================================================== */
.cf:before,
.cf:after {
content: " "; / 1 /
display: table; / 2 /
}
.cf:after {
clear: both;
}.left { float: left; }
.right { float: right; }
.divider {
background: url(images/divider-rev.png) repeat-x 0 0;
margin: 12px 0;
clear: both;
height: 3px;
border: none;
}.entry-content ul {
list-style: square;
} position: relative;
margin-left: 1.5em;
}/Default WordPress styles/
.entry-content img {
position: relative;
padding: 5px 0;
-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
box-shadow: 0 0 5px rgba(0,0,0,.15);
} box-shadow: none;
padding: 0;
}
.alignnone {
margin:0 20px 1.5em 0;
} margin: 0 20px 1.5em 0;
display: inline;
float: left;
} margin: 0 0 1.5em 20px;
display: inline;
float: right;
} margin: 0 auto 1.5em;
display: block;
clear: both;
}
.wp-caption {
padding-top: 5px;
line-height: 0;
background: #FFF;
max-width: 96%;
text-align: center;
} border: 0 none;
margin: 0;
padding: 5px 0 0;
} line-height: 1.6em;
padding: 5px 0;
margin: 0;
-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
box-shadow: 0 0 5px rgba(0,0,0,.15);
}
.wp-smiley {
margin: 0 !important;
max-height: 1em;
} margin-right: 20px;
text-align: right;
margin-left: 0;
width: 33%;
float: left;
} margin-left: 20px;
text-align: left;
margin-right: 0;
width: 33%;
float: right;
}.gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}.sticky {}
ins {
background: #fff9c0;
text-decoration: none;
} font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
} bottom: -0.25em;
} top: -0.5em;
} padding: 0 3px 2px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
font-size: 13px;
color: #333333;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
} padding: 2px 4px;
color: #d14;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
white-space: nowrap;
} display: block;
padding: 12px;
margin: 0 0 12.5px;
font-size: 14px;
line-height: 25px;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
} padding: 0;
color: inherit;
white-space: pre;
white-space: pre-wrap;
background-color: transparent;
border: 0;
}/* ==========================================================================
Print styles
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}/ Text meant only for screen readers /
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar */
}/ Clearing /
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: '';
display: table;
}.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}/ Make sure embeds and iframes fit their containers /
embed,
iframe,
object {
max-width: 100%;
}/* =Navigation
----------------------------------------------- */
.site-main [class*="navigation"] {
overflow: hidden;
} float: left;
text-align: left;
width: 50%;
} float: right;
text-align: right;
width: 50%;
}/* =Infinite Scroll
----------------------------------------------- */
/ Globally hidden elements when Infinite Scroll is supported and in use. /
.infinite-scroll .paging-navigation, / Older / Newer Posts Navigation (always hidden) /
.infinite-scroll.neverending .site-footer { / Theme Footer (when set to scrolling) /
display: none;
}/ When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before /
.infinity-end.neverending .site-footer {
display: block;
}
Style.css
<?php * Displays all of the <head> section and everything up till <div id="content">
*
* @package Sugar & Spice
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php if ( of_get_option( 'favicon' ) ) echo '<link rel="shortcut icon" href="'.esc_url( of_get_option( 'favicon' ) ).'" />'; ?>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<?php do_action( 'before' ); ?>
<header id="header" class="site-header" role="banner">
<div class="site-branding">
<?php if (of_get_option('logo_image')) : ?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="logo-img"><img src="<?php echo esc_attr( of_get_option('logo_image') ); ?>" alt="<?php bloginfo( 'name' ); ?>" /></a>
<?php else : ?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
<?php endif; ?>
</div>
<div id="nav-wrapper">
<div class="ribbon-left"></div>
<nav id="main-nav" class="main-navigation" role="navigation">
<div class="skip-link"><a class="screen-reader-text" href="#content"><?php _e( 'Skip to content', 'sugarspice' ); ?></a></div>
<?php
if(has_nav_menu('primary')){
wp_nav_menu( array(
'theme_location'=> 'primary',
'container' => false,
'menu_id' => 'nav',
'fallback_cb' => 'wp_page_menu'
) );
} else {
?>
<ul id="nav">
<?php wp_list_pages('title_li='); ?>
</ul>
<?php
}
?>
</nav><!-- #site-navigation -->
<div class="ribbon-right"></div>
</div>
</header><!-- #header -->
<div id="main" class="site-main">
Header.php
Ai está os dois arquivos. Eu tentei usar a propriedade de background no arquivo do style.css , mas não sei em que ponto. Ai mesmo eu mudando, não alterava nada no site.
Obrigado pela ajuda.>
2 minutos atrás, Maujor disse:
@Marcus Roberto
Qual é o nome do tema Wordpress que você está usando?
Sugar and Spice
Primeiros testes
Tente colocar essa solução, no final do style.css:
.site-header {
background-color: rgb(168, 187, 163);
}
Se a primeira não der certo:
.site-header {
background-color: rgb(168, 187, 163) !important;
}
**Escolhendo sua própria cor**
O valor* rgb(168, 187, 163)* é opcional. Portanto, pode escolher seu próprio valor [neste site](https://www.google.com.br/search?q=color+picker&oq=color+picker&aqs=chrome..69i57.2068j0j1&sourceid=chrome&ie=UTF-8) e substituir pelo meu.>
3 minutos atrás, Joao_Lucaas disse:
Primeiros testes
Tente colocar uma dessas duas soluções, no final do style.css:
.site-header {
background-color: rgb(168, 187, 163);
}
ou, se o primeiro não der certo:
.site-header {
background-color: rgb(168, 187, 163) !important;
}
**Escolhendo sua própria cor**
O valor* rgb(168, 187, 163)* é opcional. Portanto, pode escolher seu próprio valor [neste site](https://www.google.com.br/search?q=color+picker&oq=color+picker&aqs=chrome..69i57.2068j0j1&sourceid=chrome&ie=UTF-8) e substituir pelo meu.
Obrigado pela ajuda amigo. Infelizmente não deu certo. Tentei as duas maneiras aqui e não funcionou.
Tentei remover a imagem e deixar apenas escrito o titulo do site, mas mesmo assim não adiantou.@Marcos Roberto
Examinando o código postado e após estudar o tema online ( https://br.wordpress.org/themes/sugar-and-spice/ ) ainda assim fica difícil apontar uma solução.
O ideal seria ver o site online. Ele está hospedado?
Pelo que entendi você quer preencher todo o fundo com a imagem e não apenas alterar a cor branca em volta da imagem.
>
7 minutos atrás, Maujor disse:
@Marcos Roberto
Examinando o código postado e após estudar o tema online ( https://br.wordpress.org/themes/sugar-and-spice/ ) ainda assim fica difícil apontar uma solução.
O ideal seria ver o site online. Ele está hospedado?
Pelo que entendi você quer preencher todo o fundo com a imagem e não apenas alterar a cor branca em volta da imagem.
Exatamente, gostaria de preencher todo o fundo.
No momento o site não está hospedado. Amanhã provavelmente compensa o boleto da hospedagem, ai posso colocar o link aqui. Mas por enquanto não tenho host.
>
Agora, Marcus Roberto disse:
No momento o site não está hospedado. Amanhã provavelmente compensa o boleto da hospedagem, ai posso colocar o link aqui. Mas por enquanto não tenho host.
Então quando estiver hospedado poste o link.
Vamos aguardar.
>
7 minutos atrás, Maujor disse:
Então quando estiver hospedado poste o link.
Vamos aguardar.
Tudo bem, postarei. Obrigado.
Problema
-
Temos que localizar o seletor adequado no header.php, para aplicar cor de fundo;
-
Temos que aplicar os estilos CSS no arquivo styles.css.
Primeiros passos
Precisamos que você copie e cole aqui os códigos do arquivos header.php e style.css.
Tentando se virar
Além do mais, pode ir tentando resolver o problema, usando a seguinte propriedade (no arquivo CSS):
-
W3Schools;
-
Maujor;
-
UniNerds.