Can someone help with formatting?

Excellent! That worked perfect. Another question I have is regarding @font-face. I’ve added a font from font squirrel. The name of it is Walkway. I have the following code in the Quick CSS…

@font-face {
    font-family: 'walkway_ultraexpand_boldRg';
    src: url('Walkway UltraExpand Bold-webfont.eot');
    src: url('Walkway UltraExpand Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Walkway UltraExpand Bold-webfont.woff2') format('woff2'),
         url('Walkway UltraExpand Bold-webfont.woff') format('woff'),
         url('Walkway UltraExpand Bold-webfont.ttf') format('truetype'),
         url('Walkway UltraExpand Bold-webfont.svg#walkway_ultraexpand_boldRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

I would like to use this font for H1 & H3 headings, and the main menu. I also installed the font-squirrel plugin, nit sure if I really need it. I’ve uploaded the fonts as they instructed to the plugins /font directory.

Thanks!

-Fred

Thank you so much again. It looks like it is all working as planned, at least in Chrome on my Mac. However it does not appear to be working on Firefox. Any thoughts?

Thanks Yigit. I was able to get it to work with Firefox! :)

Can I get some input on this…

The design is supposed to look like this: http://screencast.com/t/P6rIfYqTdw

I currently have it in one giant Layerslider. (1115px tall) I’m having trouble getting everything to line up and scale properly. Also, I want the hero images to slide, but don’t want the whole thing to slide. I used transitions to get them to scroll, but I’m stuck when I get to the end.

I tried creating another test slider, where I broke it up into two sliders. IF I can do it like that, it will work. But I would need to get the lower slider to overlap the upper slider. Is that possible? Here is the test: http://tsgaz.net/gnohie/test-slide/

The home page is at: http://tsgaz.net/gnohie/home

-Fred

I added the advanced layerslider at the top, then a color section below. I tried adding the negative top margin in a code block, but it didn’t work. Where/how should I add the negative margin so it works just for this page? Also, the image is 1600px but it is not going full-width. How can I have the image go fullwidth?

Thanks so much for your help!

-Fred

I tried something similar to that. If you check it now, you can see that I have a Color Section with the image as the background. I’ve set the negative margin just right, I’ve added a z-index of 999, but it does not show on top of the layerslider. Also, it does not collapse at all when the screen shrinks.

If I put in a text block and add the image, then it cannot go fullwidth. What other ways can I make an image fit fullwidth, and expand/collapse with screen resize?

The end result I’m trying for is, the scrolling slides layerslider on top, the blue bars next with the two round icons centered vertically across the two regions, and centered horizontally just left and right of center. There is text below the icons, and text in the darker blue band. I can’t think of any way to get this done.

Are there any other suggestions I might try? I’m desperate to get this completed. I would pay someone to fix this if they are able.

Thanks so much for any more help or advice anyone can give.

-Fred

I have solved this. I was able to accomplish when not using Advanced Layout Editor.