Forum Replies Created
-
AuthorPosts
-
christyhalsell
MemberThanks, that did help. The 480px screen still has a huge margin, but at least it's all the right color.
christyhalsell
MemberThanks 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 #116791christyhalsell
MemberAh yes, that worked like a charm. Thanks so much!
christyhalsell
MemberWorked like a charm Len! Thanks so much!
christyhalsell
MemberOk, 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.
christyhalsell
MemberYes, 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?
christyhalsell
MemberI 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.
christyhalsell
MemberI think I got this figured out now.
christyhalsell
MemberYes 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>. . .
christyhalsell
MemberThanks! I'm going to leave it for now, I'll trust you that it looks good!
christyhalsell
MemberThanks 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!
christyhalsell
MemberWorked like a charm! Thanks for posting the link. I searched and didn't find it. Should have known to search your site!
christyhalsell
MemberHi! 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. #92086christyhalsell
MemberLooks like the dimensions are 1020x64 with 60px padding all the way around.
christyhalsell
MemberHow do I do that? What do I need to add?
christyhalsell
MemberGreat! It worked!
christyhalsell
MemberI'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/
christyhalsell
MemberYes! I can see the whole header now, but it's not centered. Is that just something I have to deal with? Thank you!
christyhalsell
MemberI 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.
christyhalsell
MemberWhen 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