Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle
Search Results for 'footer'
-
AuthorSearch Results
-
In forum: Virtue Theme
Topic: Footer widget width
In forum: Ascend ThemeHey Guys,
I am using WP2Static export a static version of my ascend theme. It is working wonderfully, except some missing icons. They are the down arrows in the top menu & the facebook and RSS feed icon in footer.
development site:
*Login to see link rch/WP2Static output:
*Login to see linkAny ideas?
In forum: Virtue ThemeIn reply to: Anchor tags not scrolling down far enough
September 19, 2019 at 10:19 am #237724Hey,
When using a sticky header you have to add an offset to allow for anchors to scroll and account for the header.In your theme options,> theme extensions enable the header and footer scripts. Save and reload the page.
Then go to theme options > header and footer scripts.
Place this in your footer scripts.
<script type="text/javascript"> jQuery(document).ready(function ($) { $('body').localScroll({offset: -186, hash:true }); }); </script>In forum: Ascend ThemeIn reply to: Layout questions
September 17, 2019 at 11:36 am #237602Thanks Ben, that has worked for the footer. There were a couple of pages where the padding seemed to be sticking, but since adding your revised CSS for the footer it seems to have resolved itself.
I have used very small images (320×320) for a visual index, the others are 1350 high to try to get them to look good across different devices. I need to work on this. I have just added another post in connection with this issue.
Thanks again
In forum: Ascend ThemeIn reply to: Layout questions
September 17, 2019 at 11:17 am #237597Hmm it’s the transition in.. I see:
Update to this:
@media (min-width: 992px) { html, body, html body .animsition { height: 100%; } html body #wrapper.container { min-height: 100%; position: relative; padding-bottom: 107px !important; } #containerfooter { position: absolute; bottom: 0; left: 0; width: 100%; } }I see the top padding removed. What page are you referring too?
BenIn forum: Ascend ThemeIn reply to: Layout questions
September 17, 2019 at 4:42 am #237582Thank you. I copied/pasted the CSS to Theme Options > Custom CSS. It has worked partially (the footer hasn’t moved on most pages and the content isn’t moving up on new pages added since) so I wonder if I have done something wrong. I note there is also another place to add CSS under ‘Customise’. Is there a difference in how these function?
In forum: Virtue ThemeIn reply to: Center Footer Columns
September 16, 2019 at 12:27 pm #237557Hey,
You can add this css:@media (max-width: 767px) { #containerfooter .menu li a { margin: 0 auto 5px; } }Ben
In forum: Virtue ThemeIn reply to: Center Data on Footer
September 16, 2019 at 12:26 pm #237556Hey,
You can add this css:@media (max-width: 767px) { #containerfooter .menu li a { margin: 0 auto 5px; } }Ben
In forum: Ascend ThemeIn reply to: Layout questions
September 16, 2019 at 12:16 pm #237553Hey,
You can update your css to this:@media (min-width: 992px) { html, body { height: 100%; } html body #wrapper.container { min-height: 100%; position: relative; padding-bottom: 107px !important; } #containerfooter { position: absolute; bottom: 0; left: 0; width: 100%; } }2. You can add this css:
#content { padding-top: 0; }Ben
In forum: Virtue ThemeTopic: Center Footer Columns
Hello,
I found this posting about centering the footer columns in the Virtue support forum (*Login to see link and I added the code to my Advanced Settings:
footer#containerfooter {
text-align: center;
}
.virtue_social_widget.clearfix {
display: flex;
align-items: center;
justify-content: center;
}
.footermenu {
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
}
.footercredits.clearfix {
display: inline-flex;
flex-direction: column;
width: 100%;
}
.footernav.clearfix {
display: flex;
}It centers everything but the menu, which is still left justified. How can I center that for mobile?
You can see what I mean at *Login to see link
Thanks,
Jim
In forum: Ascend ThemeIn reply to: Layout questions
This reply has been marked as private.September 16, 2019 at 8:57 am #237515In forum: Ascend ThemeTopic: Layout questions
September 16, 2019 at 5:31 am #237514Hi, I have a couple of questions to do with page layout where I’m struggling to find a solution.
1 – Footer: I’d like the footer to stick to the bottom of the page where there is little content. I used this code from elsewhere in the forum but it doesn’t seem to work. Also on pages (such as the home page) where there is a larger image the footer is sticking to the image.
@media (min-width: 992px) {
html, body {
height: 100%;
}
html body.wide #wrapper.container {
min-height: 100%;
position: relative;
padding-bottom: 88px !important;
}
#containerfooter {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
}2 – Content below header: I’d like the content (specifically images) to start immediately below the header, so that the spacing below the logo and menu is equal to that above. At the moment the content defaults to a lower position, although it will scroll to that point before it starts to disappear behind the header.
I’ll add a couple of links in a reply. Thank you!
In forum: Virtue ThemeIn reply to: Is there a Top of Page arrow for mobile screens?
Or, if you want to avoid accidents, do this.
CSS
.to-the-top { margin:80px 0 0 0; text-align:center; } .to-the-top a { padding:7px 24px 10px 24px; background-color: #e3b015; border-radius: 4px; color: #fff !important; font-family: Roboto; font-size: 16px; text-align: center; position: relative; } .to-the-top a:hover { color: #fff !important; } @media (min-width:980px) { .to-the-top { display:none; } }With widgets, add a custom HTML at the end of footer’s last column with this in it…
<div class="to-the-top"><a href="#">TOP</a></div>In forum: Membership ForumsTopic: Image overlay
September 11, 2019 at 1:50 pm #237383I’m experiencing odd behaviour with image overlay. When I use an image with a straightforward image block it will centre in the window no problem. If I use the same image with Image overlay, it moves to the left. I have the ‘Align Centre’ icon selected but it makes no difference. If I select ‘Wide width’ it moves to the centre.
I’m using Ascend premium, no plug-ins other than Kadence, Siteorigin, classic editor and Wordfence. I’m new to Kadence and I’m finding it frustrating not being able to get past this. There’s nothing else on the page other than header and footer so I’m stumped. Any thoughts please?
In forum: Virtue ThemeIn reply to: Center Data on Footer
In forum: Pinnacle ThemeIn reply to: Google tag in Head and Body
Hey,
Pinnacle actually has Header and Footer Scripts within the theme options. If you don’t see this, you may need to enable it from Theme Options > Theme Extensions. Pasting it here will allow you to update without having to re-add your script or use a child theme.Hannah
In forum: Ascend ThemeIn reply to: Facebook pixel code
September 7, 2019 at 11:46 am #235388Hey,
You can use the theme options > header and footer scripts. Place in the header scripts.Ben
In forum: Virtue ThemeHi.I’ve just started building a new site. On the first three pages, all the text is centred (page titles, footer, etc). Now for some reason, any new pages are showing all text aligned left. Is there a way I can make everything centred as the original 3 pages are?
Thanks
PhilIn forum: Virtue ThemeIn reply to: Invoices not printing.
September 2, 2019 at 9:54 am #234996Hey,
In your footer in the third column, you have a widget that outputs an events list. That widget is crashing on your invoice page. Can you test by moving that widget out of your third column?Ben
In forum: Virtue ThemeIn reply to: Top Alignment in Footer and font
Hi Caitlin,
1. This is the image that I’m seeing being uploaded: http://wildlifetraffickingalliance.org/staging/wp-content/uploads/2019/08/AZA-WTA_Stacked_v1_Rev-150×150.png
Try using an image that is a bit larger.2. It looks like you haven’t actually set a title for your footer column 3. Try setting a title for you widget in the footer column 3 from Appearance > Widgets. The titles will pull from your h3 settings.
3. It only appears that way because your footer widget are aligned left. You can use this css to center them:
#containerfooter .widget-first { text-align: center; display: inline-block; }Hope that’s helpful!
Hannah
-
AuthorSearch Results


