Thanks so much! Everything works perfectly now. I really appreciate all your help.

Chris

Thanks :) This gets closer. Unfortunately now the cross logo is about half the size it should be :) I tried changing the background-size attribute from “contain” to “cover,” which only displayed half the logo (see screenshots in private data). Also tried setting pixel values (background-size: 50px 50px) and percentages (background-size: 100% 100%). All results are in the screenshots.

I’m obviously no expert, but it seems that the “container” for the logo is too narrow. Any way to make it wider?

I tried different browsers (chrome and safari for mac); no difference.

Thanks for all your help!
Chris

Thanks so much! The solution for the second two questions (text overlay over featured image and removing link to image) worked great!

The solution to #1 (align image top-center) didn’t work. As you can see (link in private data), the peoples’ heads are still cut off. I played around with the advanced editor and a full size color section in the post, but that seems like more trouble than it’s worth. I posted a link in the private data to the original image; I’m looking for the featured image to display the top section, instead of the middle section.

This also brought up a couple of other questions:
1. How would I add a color overlay to the featured image? Since the title text is white, I’d like to add an opaque black overlay (the “glassy” effect; probably about 0.4 or 0.5) to the featured image, so that the white text stands out more.

2. Is there a way to get these changes to reflect on the blog page as well? (middlestreetnh.com/blog) I’d like the featured image to be semi-opaque there, and the post title to be overlaid over the featured image on the blog page as well.

Thanks so much! I really appreciate all your help!

Chris

Sure! Sorry it took so long; was traveling recently. Link in private data section.

Thanks!

P.S. Somehow the order on imgur may have gotten messed up. I ordered the captions as #1, #2, #3, #4 so you can figure out the order they should appear!

• This reply was modified 8 years, 2 months ago by dunawaychris. Reason: changed imgur link

Thanks so much! That’s what I’m looking for.

With this change I’m having some other trouble.

1. There’s a large transparent area above the menu (I selected “Logo center, Menu below” in header options). I tried to upload a new transparent logo that’s a 1×1 transparent png, but there’s still a big space above the menu. How do I delete that?
2. I’d love to increase the horizontal padding in the menu, so that the menu items are spaced further apart. How do I do this?
3. This may be wishful thinking, but I would love for the logo to change color with the rest of the menu as you scroll down. Is there any way to do this?
4. The logo shows up in the middle of the mobile menu. Can I create a separate mobile menu without the logo?

Thanks so much for all your help. You guys (and girls, maybe?) are awesome!

Chris

Not at all! Thanks so much for your help.

Chris

Hi,

Thanks so much for your help. Unfortunately I can’t get this to work. I updated the functions.php file and added the code to the custom css box in styling, but what do I add to the custom css field in the element itself? I tried av_three_fourth but that didn’t work.

Thanks again for all your help,
Chris

Worked like a charm. Thanks!

Now, I have two other questions:
1. I’d like to change the phone info font to slightly larger (14px) and also a light version of lato. I have the following code, which doesn’t seem to work:

phone.info {
  font-size: 14px!important;
  font-weight: 300!important;
}

Ideas?

2. Also, is there any way to set the opening full-screen slider so that the image position is fixed instead of parallax? I want it to look like the beige bar below it slides “over” the intro full screen slider, which would not change position as you scroll down.

If I should start new threads with these, let me know!

Thanks for all your help!