- This topic has 25 replies, 4 voices, and was last updated 12 years ago by
.
-
Posts
-
I bought ClipArt, was told there would be support. I am now told that Themedy handles, it. On their site, I can't find a forum. I do find verbiage that states you can't get support on ClipArt unless you are a member, which was not the case when I bought it.
I am hoping someone here can help me, my site is http://www.studiopress.community I want the header to go all the way across the page the same way the slider does. If anyone can help I would appreciate it.
Hi, can you re-post the link to your site. The one provided is to the forum.
Need help with customization or troubleshooting? Reach out to me.
Look for this and change 940 to 1360.
.wrap {
margin: 0 auto;
width: 940px;
}
Scrap that, it forced the entire site to be 1360.
Need help with customization or troubleshooting? Reach out to me.
that centered it but there is still background showing on the right and left side http://itsacharmedworld.com/
The code I gave you increased the entire .wrap and not just the header. We need to adjust that header area only.
Need help with customization or troubleshooting? Reach out to me.
Can you switch it back to the way it was? I am trying to locate the code using Firebug.
Need help with customization or troubleshooting? Reach out to me.
On the old forum I see this - do you still have access over there? I see your name in there. (http://www.studiopress.com/support/showthread.php?t=107497&highlight=header). He says to add this to the Custom CSS and this should stretch it all the way across.
#header .wrap {
padding: 0;
margin: 0;
}
Need help with customization or troubleshooting? Reach out to me.
Your header needs to be widened. Add the width to that code in your style sheet.
#header .wrap {
background: url(images/bg-dotline.png) repeat-x bottom;
padding: 0;
margin: 0;
width: 1340px;
}
Need help with customization or troubleshooting? Reach out to me.
i don't see the slider so i don't know exactly what you're trying to do, but if you want to make the header extend all the way across the page,
find #header .wrap
in your style.css and add
width: 100%;
sorry, Anita... looks like we were answering at the same time 🙂
That's fine because I tried 100% but didn't know if that was the correct answer or not. I guess using that will eliminate any extra white space on different browsers at the top.
Need help with customization or troubleshooting? Reach out to me.
ahh... you could do:
max-width: 1340px;
width: 100%if 1340 is the magic number... 1340 is kind of big, though
Her original header image was 1340 wide so that's why I picked that as a width.
Need help with customization or troubleshooting? Reach out to me.
the white space at the top isn't going to go away by changing the width. she needs to style the #wrap rule
Tried all versions. I have the header set to 940. I think that was the original. Actually, it was 240 wide, as it only went on the left side. I am sure it has to do with padding or margines, but no matter what I set it to, it either goes left or right, or centered then you see the background on both sides
I dont have white space at the top. The now all purple test header I want to go all the way across the site like the large slider area does in the middle of the site, or the footer does at the bottom.
it looks like you're trying to add the dotted line as an image, but you should be able to add that with some css. if that's ok, try this:
#header {
background: url("http://itsacharmedworld.com/wp-content/uploads/2012/12/cropped-header-test.jpg") repeat scroll 0 0 transparent;
border-bottom: 1px dashed #ffffff; //change this to whatever color your dotted line is in the image
width: 100%;
}#header .wrap {
margin: 0 auto;
max-width: 940px;
width: 100%;
}remove the background in the .header-image #header #title-area as well as #header .wrap and you should be good to go 🙂
the forum doesn't allow the quotes, but hopefully you understand what i'm trying to say... hopefully
Try this:
#header .wrap {
background: url("images/bg-dotline.png") repeat-x center bottom transparent;
margin: 0;
padding: 0;
width: 100%;
}.header-full-width #title-area,
.header-full-width #title,
.header-full-width #title a {
float: none;
height: 150px;
margin: 0 auto;
width: 1340px;
}.header-image #header #title-area {
background: url("http://itsacharmedworld.com/wp-content/uploads/2012/12/cropped-header-test.jpg") no-repeat 50% 0 transparent;
display: block;
float: none;
height: 150px;
margin: 0 auto;
padding:0;
width: 1060px;
}Sorry @Ozzy looks like we were both posting at the same time!
Twitter: @riavonentprises
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.