[Avenue030]

Hi guys, I am switching over to Swift page builder and trying to create a hero image with text on the homepage like the one currently on the homepage.. however I can’t figure out how to get the text to overlay the image… Could you advise me how I can create a simular image (hero image top) as on the homepage (www.avenue030.com) with Swift page builder?

Many thanks in advance, best regards, Marije

[Avenue030]

Hi guys,

Thanks so much for your always quick responses!!
I have no clue why I started working with the Site Origin Builder. I will switch to the Swift Page Builder. This solved the problem with the disappearing navigation menu..

Again thank you! Best regards, Marije

[Avenue030]

This reply has been marked as private.

[Avenue030]

Hi guys, thanks anyway for your quick responses! Thanks to your great forum and some studying on my side I managed to figure out a lot on my own… however your quick responses are always appreciated, so many thanks. Enjoy your day and best regards, Marije

[Avenue030]

OK also resolved by using:

nav .menu li {font-family: “avalon_extralight”, Helvetica, Palatino, Arial Helvetica, Tahoma, sans-serif;}

🙂 have a good day!!

[Avenue030]

On this topic I ran into this link: http://www.swiftideas.com/forums/topic/myfonts-integration/
and tried implementing the following css to change the font in the navigation menu:

body, p {

font-family: ‘avalonextra_light’, Arial, sans-serif!important;
font-weight: normal;
font-style: normal;
}

Cleared the cache, however still the html is overruled as following:

/*========== Web Font Styles ==========*/
body, h6, #sidebar .widget-heading h3, #header-search input, .header-items h3.phone-number, .related-wrap h4, #comments-list > h3, .item-heading h1, .sf-button, button, input[type=”submit”], input[type=”email”], input[type=”reset”], input[type=”button”], .spb_accordion_section h3, #header-login input, #mobile-navigation > div, .search-form input, input, button, select, textarea {font-family: “Helvetica”, Palatino, Arial, Helvetica, Tahoma, sans-serif;}
h1, h2, h3, h4, h5, .custom-caption p, span.dropcap1, span.dropcap2, span.dropcap3, span.dropcap4, .spb_call_text, .impact-text, .testimonial-text, .header-advert {font-family: “Helvetica”, Palatino, Arial, Helvetica, Tahoma, sans-serif;}
nav .menu li {font-family: “Helvetica”, Palatino, Arial Helvetica, Tahoma, sans-serif;}
body, p, .masonry-items .blog-item .quote-excerpt, #commentform label, .contact-form label {font-size: 12px;line-height: 20px;}
h1, .spb_impact_text .spb_call_text, .impact-text {font-size: 22px;line-height: 29px;}
h2 {font-size: 18px;line-height: 28px;}
h3 {font-size: 16px;line-height: 22px;}
h4, .body-content.quote, #respond-wrap h3 {font-size: 14px;line-height: 18px;}
h5 {font-size: 12px;line-height: 14px;}
h6 {font-size: 10px;line-height: 14px;}
nav .menu li {font-size: 16px;}

Am I overseeing something?

URL = http://www.avenue030.com

Many thanks for your reply! Best regards, Marije

[Avenue030]

This issue is resolved 🙂

figure .overlay {
z-index: 0;
}

[Avenue030]

This issue is solved:

figure .overlay {
z-index: 0;
}

[Avenue030]

Hello Rui, many thanks, this worked! Enjoy the rest of your day!!