you need to add a background position;
example:
background: url(http://catskillec.com/wp-content/uploads/2013/04/vista-342x346-148x150.jpg) left top no-repeat;
http://www.w3schools.com/css/css_background.asp
possibly also add a min-height or some top/bottm padding to your style…
No beans. Still getting cut off.
your element is not tall enough;
try to add the logo background somewhere else; example:
#branding .hgroup-wrap {
background: url(http://catskillec.com/wp-content/uploads/2013/04/vista-342x346-148x150.jpg) left top no-repeat;
min-height: 90px;}
Wow! It worked! Thank you! But now the top border doesn’t show up. Also, I have to lower the position of the site tile.
Got the site title lowered! Now I just need the top border to show up.
Any ideas on what to edit to get the border back?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Gray Border/line like the one that separates the header from the menu and goes around the whole frame of the site.
Do I need more padding in between the top of the page and header? How do I add more room?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Have you tried moving the wrapper down a bit;
.wrapper {
margin-top: 4px;
}
.wrapper {
max-width: 1038px;
margin: 0 auto;
background-color: #fff;
-webkit-box-shadow: 0 0 5px #ddd;
-moz-box-shadow: 0 0 5px #ddd;
box-shadow: 0 0 5px #ddd;
}
I don’t see margin-top:
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Don’t make you changes in the theme’s files… If that’s what you’re doing.
Make your changes either through a Child Theme or Custom CSS section of the dashboard. If you don’t have either, I recommend using this Custom CSS Manager plugin.
You write new styles, not modify existing styles.
check css Margin – Shorthand property:
http://www.w3schools.com/css/css_margin.asp
basics in css, html and php are a prerequisit for customising WordPress themes.
Thanks guys! Custom CSS Manager plugin worked =D
I am new to wordpress and have found this thread very helpful for adding an image to my title. The difficulty I am currently having is that the title is written on top of the image. I have installed the CSS Manager plugin and added the following:
h1 {
background: url(http://sandylake.org/wp-content/uploads/2013/08/slca_logo-e1376786357298.jpg) left top no-repeat;
padding-left: 160px;
margin-top: 32px;
}
Along with having placed the title under Dashboard > Appearance > Customize > Site Title.
My desire is to have the title next to the image (sandylake.org).
