Forum Replies Created
-
AuthorPosts
-
christyhalsellMember
Thanks, that did help. The 480px screen still has a huge margin, but at least it's all the right color.
christyhalsellMemberThanks 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?
August 2, 2014 at 10:33 pm in reply to: Change Primary and Secondary Nav Menu Sizes in Beautiful Pro #116791christyhalsellMemberAh yes, that worked like a charm. Thanks so much!
christyhalsellMemberWorked like a charm Len! Thanks so much!
christyhalsellMemberOk, 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.
christyhalsellMemberYes, 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?
christyhalsellMemberI 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.
christyhalsellMemberI think I got this figured out now.
christyhalsellMemberYes 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>. . .
christyhalsellMemberThanks! I'm going to leave it for now, I'll trust you that it looks good!
christyhalsellMemberThanks 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!
christyhalsellMemberWorked like a charm! Thanks for posting the link. I searched and didn't find it. Should have known to search your site!
christyhalsellMemberHi! 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/
February 24, 2014 at 1:10 am in reply to: Executive Pro Theme Call to action Button Configuration. #92086christyhalsellMemberLooks like the dimensions are 1020x64 with 60px padding all the way around.
christyhalsellMemberHow do I do that? What do I need to add?
christyhalsellMemberGreat! It worked!
christyhalsellMemberI'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/
christyhalsellMemberYes! I can see the whole header now, but it's not centered. Is that just something I have to deal with? Thank you!
christyhalsellMemberI 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.
christyhalsellMemberWhen 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.
-
AuthorPosts