-
Posts
-
Hello,
I am trying to add a section that is above my footer, on all pages, that displays locations and a logo.
Heres an example:
https://gyazo.com/0566eb9fe3b574bb5758612ce0defa2eHey arcofbutler,
Please try this in your child theme functions.php file:
function content_before_footer() { ?> <h1>Your content before the footer goes here</h1> <?php } add_action('ava_before_footer', 'content_before_footer');Best regards,
RikardOr style that “footer” as page – completely like this
and use that page as footer in enfold options footer:
one big advantage is – that you can style that page with grid-row or color-sections – and because it is part of the footer ! – you can have that on pages/posts with sidebar – without sliding the sidebar under those fullwidth layout elements.
i do not know if this will work with fullwidth elements and by the hook : ava_before_footer
i tested it with a do_shortcode insertion via that hook – but it breaks the normal layout.Hey Rikard and Guenni!
Thank you for all the help. I used the function code to try first and that worked out perfectly for getting us started. I have some minor changes I am stuck on ive included below:
Hi,
Thanks for the update. Please add a wrapping div around the 4 columns you added, then we can target the background colour of that. The solution which @guenni007 suggested might be easier for you though, since you can create it using the Layout Builder in the theme.
Best regards,
RikardHey Rikard,
We wanted to try this method first since it seems to be what we need. The styling currently is causing a bunch of issues though. With the wrapping div in place, it is not doing what was expected.
Hi,
Thanks for the update. It looks like you are using a footer page now? Please let us know if you should need any further help on the topic.
Best regards,
RikardYes I am still having styling issues even with the footer page. Do you know how to fix: Its too big, the locations bar isn’t white background, and the image isn’t aligned with the text columns in locations?
can you send me the link to your test page. – Think of – i’m participant as you are – so if you don’t like to make it public – send me an E-Mail ( everything is under my Nick or Avatar )
Hey Guenni!
The homepage to preview the footer would be arcofbutler.wordpress.com which the footer page is live currently.
Hi,
Thanks for the update. I’m not sure exactly what you are looking to change though. Size; how exactly do you want to make it smaller? Do you want to make is less wide? Locations bar; I’m not sure what that is, could you try to explain that a bit further or post a screenshot highlighting your intentions please? Column alignment with the image; I’m not sure exactly how you added the text content, but if you add classes to the 3 columns with text, then we can target them with CSS.
Best regards,
RikardI think these images may help. We are mainly trying to replicate the subfooter, footer, and socket on thearc.org which is our HQs website.
Hi,
Thanks for that. Maybe it would be better if you set the backgrounds in the actual layout builder? You can do so by adding your content to Color Section elements for example. We could give you CSS to use, but this would set the entire footer to white:
#footer-page .main_color { background-color: #fff !important; }You can remove the space at the bottom by using this CSS:
#footer-page main { padding-bottom: 0; }Best regards,
RikardWe are still having 3 issues but these are new ones.
– In the footer there are 4 logos(2 arc, 1 paable, 1 united way), when you hover over them, they reorder vertically which should not happen.
– The 4 logos above are too close to eachother
– There is a lot of black space between the footer and socket
– There is a black line above the locations subfooter (See above – Administation Office, Main Street Office, PARC Productions)
– There is a lot of white space between the locations area and the last content area (JOIN OUR FIGHT FOR EQUAL RIGHTS FOR ALL) sectionHi,
1. Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
2. Try this in Quick CSS:
#custom_html-3 img { margin-right: 10px; }3. And this:
#footer-page #av_section_2 .content { padding-top: 0; padding-bottom: 0; }4. There looks to be a paragraph at the very top of your footer page, please try removing that.
5. There’s an element at the bottom of the layout with the class wp-block-spacer added to it, please try removing it.
In the future, please open separate threads for each of your problems.
Best regards,
Rikard
- You must be logged in to reply to this topic.