Community Forums › Forums › Archived Forums › Design Tips and Tricks › Apparition Theme-Center the Header Image-Full Width
Tagged: apparition
- This topic has 9 replies, 4 voices, and was last updated 11 years, 2 months ago by lizbarnett.
-
AuthorPosts
-
August 22, 2013 at 3:14 pm #58272Andy KettleMember
Hello
Working with the Apparition child theme on a new websiterocketfreshexpress.com
I have a fill width image 1140 * 120
I want to center it on the theme but it appears left justified.
I had a look thru the forum but did not see any posts relevant to the theme.
Any Ideas ?Thanks
http://www.rocketfreshexpress.com
AndyAugust 22, 2013 at 5:34 pm #58307bandjMemberInstead of adding top center to background-position, just add it to the background after the image url.
August 23, 2013 at 11:53 am #58453Andy KettleMemberI'm still working on this one
trying to get Header image to line up center instead of left justified.Is the code below, not telling it to do just that or what am I missing
#header {
background-position:top center !important;
background-color: #111;
min-height: 120px;
overflow: hidden;
width: 100%;
}The image is in the media section and loaded via the header section in appearance.
The fact that there is not 20 questions about this in the forum would tell me I am missing something very straight forward.
Andy
August 27, 2013 at 9:22 pm #59156lizbarnettMemberI am having the same issue! It happened after I updated to Genesis 2.0.
—
Liz Barnett http://www.LizBarnett.meAugust 27, 2013 at 9:24 pm #59157lizbarnettMemberPS The site I am working on is http://www.JenWPhotography.com
—
Liz Barnett http://www.LizBarnett.meAugust 27, 2013 at 11:35 pm #59174lizbarnettMemberI've been messing around for a few hours now with the CSS and am not figuring it out. 🙁 Still working on http://www.JenWPhotography.com - any help would be greatly appreciated. Thanks!
—
Liz Barnett http://www.LizBarnett.meAugust 28, 2013 at 9:34 am #59227Andy KettleMemberLiz
I ended up talking to Support on it and here is the fix I got below.Thanks
Andy
grobyo.comHi Andy!
Thanks for asking! I'm sorry for the trouble and I'm very happy to help.
I would suggest changing that CSS to this:
#wrap #header {
background-color: #111111;
background-position: center center !important;
background-size: contain !important;
min-height: 120px;
overflow: hidden;
width: 100%;
}That should resolve it for you!
Best,
Jennifer Baumann
Technical Support AdvocateAugust 28, 2013 at 10:39 am #59237Sridhar KatakamParticipantLiz,
Use this CSS:
#wrap #header { background-position: center top !important; }
August 28, 2013 at 11:41 am #59252lizbarnettMemberI used this:
/* Header ------------------------------------------------------------ */ #wrap #header { background-color: #111111; background-position: center !important; background-size: contain !important; min-height: 120px; overflow: hidden; width: 100%; }
—
Liz Barnett http://www.LizBarnett.meAugust 28, 2013 at 11:45 am #59253lizbarnettMemberI also have this issue:
I wanted it to have the black border all the way across so I could change the header (with logo in it) to be transparent.
http://www.studiopress.community/topic/apparition-upload-header-image-and-keep-full-banner-behind/So I changed it to this:
/* Header ------------------------------------------------------------ */ #wrap #header { background-color: #111111 !important; background-position: center !important; background-size: contain !important; min-height: 120px; overflow: hidden; width: 100%; }
—
Liz Barnett http://www.LizBarnett.me -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.