Digital experiences for all disciplines
New Landing › How can we help? › Cardinal › Changing header/footer bars transparent
New Landing › How can we help? › Cardinal › Changing header/footer bars transparent
- This topic has 5 replies, 2 voices, and was last updated 8 years by David Martin – Support.
-
Posted in: Cardinal
-
March 17, 2016 at 9:21 pm #256193
Hello! I love your theme, I just have a few questions…
1- For the homepage, I just want a static page with no scrolling and 1 background image. I would like the header and footer menus to float over the image with no colored bar behind them. (similar to this site: http://www.therow.com).
2- I cannot change the font or format for the footer menu, I want the font to be the same as the header menu. I don’t need the vertical lines separating the different pages on the footer menu. Please help!
3- For the footer menu FOLLOW button, I would like 2 submenu options to appear: INSTAGRAM and PINTEREST. See example here: http://www.lemaire.fr/en/the-brand/
4- How do I implement the subscription with MailChimp? When you click newsletter, I would like a box to pop up where you can enter your email address. See example here: http://www.lemaire.fr/en/the-brand/
Thank you in advance for your help!!
March 18, 2016 at 7:15 pm #2564561) Create Row, add a background image and set this to full window height. Be sure to remove the Top/Bottom spacing from within the page Meta Options => Page Meta
2) This is inherited from the body and headings font settings. You can override this with CSS:
div#footer-wrap { font-family: Quicksand; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; font-weight: 400; font-style: normal; font-size: 14px; }
3) The footer does not support nested sub menu’s, you would need a developer to do this for you.
4) You can put your MailChimp code inside a modal shortcode. Have you tested that?
Thanks,
David.March 18, 2016 at 9:06 pm #256477Hi David,
Thanks so much for your help! Still a few things, though…
1- I want the header and footer to be transparent (no colored bar behind when you scroll or when it is static ) just the menus/words to be visible over the image. See attached screenshot.2- This code fixed the font, thanks! How do I remove the vertical lines on the footer menu- the lines between NEWSLETTER | FOLLOW | CONTACT | POLICIES?
3- Noted, thanks.
4- No I haven’t, how do I do that?
Attachments:
You must be logged in to view attached files.March 21, 2016 at 1:59 pm #256765I cannot view any pages, even if I am logged in. I see the maintenance page, can you disable that?
Thanks.
March 21, 2016 at 2:51 pm #256803I have disabled the maintenance mode.
Thank you!!
March 22, 2016 at 12:39 pm #2570721)
#main-nav, .header-wrap[class*="page-header-naked"] #header-section .is-sticky #main-nav, #header-section .is-sticky .sticky-header, #header-section.header-5 #header, .header-wrap[class*="page-header-naked"] #header .is-sticky .sticky-header, .header-wrap[class*="page-header-naked"] #header-section.header-5 #header .is-sticky .sticky-header { background-color: transparent; }
A transparent footer would not work unfortunately.
2)
#copyright nav .menu li { border-left-color: transparent!important; }
4) Insert the modal shortcode into a page, then for the modal content paste in your Mailchimp code.
Thanks.
-
Posted in: Cardinal
You must be logged in and have valid license to reply to this topic.