Forum Replies Created
-
Posts
-
Thanks, that did help. The 480px screen still has a huge margin, but at least it's all the right color.
Thanks Robin,
I added background-color to the 480px screen and it didn't seem to do anything:.header-image .site-title a {
background: url(http://www.vertjungle.com/wp-content/uploads/2014/08/Vert-Jungle-Header-480x160.jpg) no-repeat;
background-color: #213D27;
height: 190px;
width: 480px;Should I have done it a different way?
Ok, here's what I ended up doing. It was so simple, but took all of this back and forth for me to figure out. This ads an image in the home-top widget that scales for mobile devices.
Add an image in the text widget for home-top, it can be linked to a page if desired. My image was 1000x405 and fits nicely with no scrolling on a laptop.
Add code for the padding at the bottom of the stylesheet (adjust as needed for different sizes):
.home-top {
padding: 3% 0 2.5%;
}Then also adjust the padding of the home-top wrap in the stylesheet itself:
.home-top .wrap {
color: #970C23;
font-family: 'Spinnaker',sans-serif;
padding: 0;
text-align: center;There is probably a way to streamline this, but this is what worked for novice me.
Yes, that helps show the whole image, thank you!
But is there a way to make sure it shows up well on mobile devices? It's cut out on every screen. Or should I just cut my losses?
I take it back. I got it to look good on the computer by adding the image as a background in the stylesheet:
.home-top {
background: url(http://thelulutree.com/test/wp-content/uploads/2014/05/Lulu-Tree-Head-Collage-Final.png)
center no-repeat;
}BUT, it doesn't scale for responsiveness that way.
If I add just an image link to a text widget in the home-top there's a huge margin. If I adjust the margin it overlaps on devices.
Yes that would help! This is what I have in the widget right now:
<body style="background-image:url(http://thelulutree.com/test/wp-content/uploads/2014/05/LuluTree-Collage-BG1.png)";
background-repeat:no-repeat>
<h3>Preventing tomorrow's orphans by equipping today's mothers.</h3>. . .
Thanks Tom! It makes them all look great except for the 320 and 240. I'm not worried about 240 - but 320? Maybe I can play around with it a bit. Thanks so much for the help!
Worked like a charm! Thanks for posting the link. I searched and didn't find it. Should have known to search your site!
Hi! I did this once and it worked out fine on another site. Now I'm editing the code on a different site and changed the width to 540px and it made the menu get smaller. Then I tried to change it back and nothing happens. What did I do wrong? I want the white background to span the whole header. Now there are two menu items that are invisible. http://www.vertjungle.com/
I'm trying to do the same thing with another site...don't know if I should post a new thread? It's on Prose and I have everything ALMOST good - except the subscribe box is overlapping the header at the bottom. I tried adjusting the measurements to the code you just gave me but it doesn't do anything.
This site is: http://cornerstoneconfessions.com/
Yes! I can see the whole header now, but it's not centered. Is that just something I have to deal with? Thank you!
I just set up a sidebar widget, hadn't set any up yet. But like I said, the font shows up fine as long as the minify CSS box is unchecked, but the font color and size are off. Then if the box is checked the font is wrong but the size and color are right.
When I do it via firebug it then repeats across the page, but does fill the page.
I want one image (1350px wide) to go all the way across the top. I uploaded an image that size, but Prose automatically crops it to 940. I don't see where to change it in the actual CSS Stylesheet. There doesn't seem to be a width option. If I put the width to 100% it doesn't work, and if I set it to 1350px it doesn't work.
