Search Results for 'footer'

[Hannah]

Hannah

#228961

Hey,
I’m not experiencing this when I test with the Elementor – Header, Footer & Blocks plugin. That is the plugin you’re using, correct? If you want you can send login info and we can take a look at your settings. Just set as a private reply.

Hannah

[Hannah]

Hannah

#228958

One option would be to use the “Sitewide Footer Call to Action”. You can enable this from Theme Options > Footer. Or, another option is to use the footer widget layout that has a full-width single column over three columns. You could add your subscription line to the top column and your footer widgets underneath.
Hope that’s helpful!

Hannah

[ponponikids]

ponponikids

#228888

http://www.ponponi.co.il

right now i have disables the elementor footer becuse i can not be withour header not even for a second 🙂
let me know what can me done so i can enable elementor footer without touching the header thank you!

[Ben Ritner]

Ben Ritner

#228820

Hey, this should pull from your single product. The template is only the middle part of the page, it’s not affecting the header and footer of the page.

I don’t know the Jupiter theme, can you send me a login if that isn’t making sense?

Ben

[Hannah]

Hannah

#228810

Hey Amber,
Try adding this to your custom css box in Theme Options > Custom CSS:

footer#containerfooter {
    padding-top: 0;
}
.footerbase {
    margin-top: 0;
}

Hope that helps!

Hannah

[ponponikids]

ponponikids

#228803

When using the elementor footer templates,it completely hides the theme’s header.
By activating the footer template, it’s overriding the theme’s footer, that definitely is working as intended and a feature. BUT by activating that footer template, it’s ALSO overriding the theme’s header. The system is assuming that if you are using elementor’s footer template that you are also using a header template, even if one doesn’t exist.
it there a way for this template to override only footer??

[ponponikids]

ponponikids

#228803

When using the elementor footer templates,it completely hides the theme’s header.
By activating the footer template, it’s overriding the theme’s footer, that definitely is working as intended and a feature. BUT by activating that footer template, it’s ALSO overriding the theme’s header. The system is assuming that if you are using elementor’s footer template that you are also using a header template, even if one doesn’t exist.
it there a way for this template to override only footer??

[Anonymous]

Anonymous

#228784

Hi there,

I am building a website located here:
*Login to see link

I have an image that stretches across the bottom of every page. I would like to decrease the space between the image and the menu in the footer, so that the bottom petal points are just about a millimeter above the menu text. Is there a way to accomplish this?

Thank you in advance for your help!

Cheers!

[Anonymous]

Anonymous

#228784

Hi there,

I am building a website located here:
*Login to see link

I have an image that stretches across the bottom of every page. I would like to decrease the space between the image and the menu in the footer, so that the bottom petal points are just about a millimeter above the menu text. Is there a way to accomplish this?

Thank you in advance for your help!

Cheers!

[Ben Ritner]

Ben Ritner

#228760

Hey,
I see your point, I can counter that it’s debatable as to whether it’s good for the user or even what the user expects. Usually closing something without a clear indication that it will be closed when clicked is not good user experience. Especially if they accidentally click the wrong item.

But you can certainly make this happen with a little javascript snippet, just place in your theme options > header and footer scripts:

<script type="text/javascript">
jQuery(window).load(function () {
jQuery('.filter-set > li > a').click( function () {
	jQuery(this).parents('#filters.in').collapse('hide');
});
});
</script>

Ben

[Ben Ritner]

Ben Ritner

#228472

I was able to log in and run a quick test, your issue is created from “Mod_Security” on your server. This means that something you were trying to save was creating a security alert or some times this can happen from an outdated Mod Security or incorrect mod security settings.

The issue was with your custom css box. Once I tested by clearing it then mod security wouldn’t post an error. I slowly added it back to see if there some something in particular that mod security didn’t like about your css. I couldn’t find anything. It just stops allowing the save to the database at an unspecified point. I assume it’s based on character length.

I tested trying to save into the customizer and you get the same error.

so I suggest you contact your hosting provider and you can leave the theme out of it by simply showing them that if you go to customizer > additional css you can’t save your css in there. That should get them to take ownership and fix the mod security issue.

Here is an output of your css:

.boxi1 {
margin-bottom: 20px;
text-align: center;
background: #f2f2f2;
padding: 15px 0 1px;
}

.boxi1 div {
font-size: 28px;
}

.kad-header-style-three #nav-main ul.sf-menu>li>a, header #logo a.brand, .logofont {
text-transform: uppercase;
}

.sf-menu ul li:hover, .sf-menu ul li {
border:0;
}
.sf-menu ul {
border:0;
}

@media (max-width: 1200px) {
.kad-header-style-three #nav-main ul.sf-menu > li > a {padding: 0 15px;}
}

@media (min-width: 992px) { 
.home-padding {padding: 0px 0 0px;}
}

.contentclass {
padding-top: 10px;
}

.sliderclass {
    margin-top: 0;
    padding: 0;
}

div.product .product_image {
border:0;
}

.page-header {
border-top: 0px;
}

@media (max-width: 767px) { 
.kad-header-style-three #logo a.brand {font-size:24px;}
}

.kad-header-style-three .menu-cart-btn .kt-cart-total {
  background: rgba(255,255,255,0.7);
  color: #e76106;
}
#nav-main ul.sf-menu ul#kad-head-cart-popup li .quantity, #nav-main ul.sf-menu ul#kad-head-cart-popup ul.product_list_widget li a.remove {
    color: #fff;
}
#nav-main ul.sf-menu ul#kad-head-cart-popup .total {
    color: #fff;
    border-color: transparent;
}
#nav-main ul.sf-menu ul#kad-head-cart-popup .buttons .button {
    background: transparent;
    border: 2px solid #fff;
}
#kad-head-cart-popup ul.cart_list li:last-child {
  color: #fff;
}
@media (min-width: 600px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 25%;
}
}
@media (min-width: 800px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 20%;
}
}
@media (min-width: 1000px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 16.66%;
}
}
@media (min-width: 1300px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 12.5%;
}
}
@media (min-width: 1600px) { 
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
    width: 10%;
}
}
.kt-panel-row-full-stretch .kad-wp-gallery .g_item {
padding: 0 2px;
}
.kt-panel-row-full-stretch .kad-wp-gallery {
    margin-left: -2px;
    margin-right: -2px;
}
.kt-panel-row-full-stretch .kad-wp-gallery .grid_item {
    margin: 0 0 4px;
}
header.mobile-stickyheader .nav-trigger .nav-trigger-case {
  width: auto;
}
div.product form.cart .variations select {
    z-index: 1;
}
.footerbase {
        background: #323232;
    margin-top: 10px;
}

@keyframes toColor {
    0%    { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
    25%   { -webkit-filter: grayscale(75%); filter: grayscale(75%); }
    50%   { -webkit-filter: grayscale(50%); filter: grayscale(50%); }
    75%   { -webkit-filter: grayscale(25%); filter: grayscale(25%); }
    100%  { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
}

img { 
   animation: toColor 1s;
   border-radius: 10%;
}

.product_image { 
   outline: none !important;
   border:none!important;
}

.infobanner { 
   animation: toColor 1s;
}
.kad-slide { 
   animation: toColor 1s;
}

.infobanner:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

div.about {
background-image: linear-gradient(rgba(210,214,207,0.5), rgba(210,214,207,0.5)), url("https://nzalpaca.co.nz/wp-content/uploads/2018/05/about-320x340-1.jpg");
background-repeat: no-repeat;
background-size: 320px 340px;
width: 320px;
height: 340px;
border-radius: 10%;
text-align: center;
vertical-align: middle;
padding: 10px;
}
 .home-iconmenu a, .home-iconmenu .home-icon-item {
  background: #444;
}
.home-iconmenu a:hover, .home-iconmenu .home-icon-item:hover {
    background: #555;
border-radius: 5%;
}

.kad_add_to_cart, .quantity {
display: none;
}

.product_item .kad_add_to_cart {
display:none !important;
}

.woocommerce-ordering, .woocommerce-info, a.button.wc-backward {
    display: none;
}

.woocommerce span.onsale {
background-color: #333;
}

.sku, .posted_in, .tagged_as, .product_meta {
	display: none !important;
}
/*------------------bbp-------------*/

#bbp_search_submit.button {
background-color: #333;
color: #eee;
}

#bbp_search_submit.button:hover {
background-color: #eee;
color: #333;
}

.button {
background-color: #333;
color: #eee;
}

.button:hover {
background-color: #eee;
color: #333;
}

#submit.kad-btn {
background-color: #333;
color: #eee;
}

#submit.kad-btn:hover {
background-color: #eee;
color: #333;
}

legend {
color: #eee;
}

#gallery-1 img {
    border: none !important;
    padding: 3px;
}

#gallery-2 img {
    border: none !important;
    padding: 2px;
}
/*------------bbp--------*/
/* BBPress font fix */

/*Template notice info*/
div.bbp-template-notice.info {
    border: #cee1ef 1px solid;
    background-color: #fff;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
background: #444;
border: 0px solid #eee;
color: white !important;
}

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 ,
#bbpress-forums a.bbp-forum-title,
#bbpress-forums a.bbp-topic-permalink {
              font-size: 16px;
              color: #333;
        text-decoration: underline;
}

#bbpress-forums li.bbp-body ul.forum, 
#bbpress-forums li.bbp-body ul.topic, 
#bbpress-forums li.bbp-body a {
border-top: 1px solid #eee;
overflow: hidden;
padding: 8px;
color: #333;
font-style: italic;
}

#bbpress-forums a.bbp-author-name {
              font-size: 12px;
              color:    #333;
}

.bbp-forums, .bbp-topics {
border: 1px solid rgba(125, 125, 125, .5);
color: white !important;
}

.bbp-forums a { 
color: #333 !important; 
}

/*20180613*/
#bbpress-forums .bbp-topic-content,
#bbpress-forums .bbp-reply-content {
    font-size: 12px;
/*    color: #333; */
}

table.bbp-forums th, table.bbp-topics th, table.bbp-topic th, table.bbp-replies th {
background-color:black;
color: #333 !important;
}

.bbp-header {
color: #fff;
}

.bbp-body {
color: #333;
}

.avatar-14 { display: none !important; }

.bbp-forums a { 
color: #333 !important; 
}

.product_item { 
background-color:#444;
border: none !important;
}

.woocommerce-result-count, .woocommerce-ordering {
display: none;
}

.email { 
background-color:#333;
color:#fff !important;
}

.email:hover { 
background-color:#444;
color:#cecece !important;
}

.amount { 
color:#fff !important;
}

.icon-location, .icon-envelope, .subhead, .icon-user2, .icon-mobile {
display: none;
}

#containerfooter .virtue_social_widget a {
    display: inline-block;
    float: none;
}
#containerfooter .virtue_social_widget {
    text-align: center;
}

.widget_kadence_social {
text-align: center;
}

.postdate, .home_blog_title {
margin-top: 10px;
}

.light-dropshaddow, .mfp-img {
border-radius: 0%;
border: none;
}

.attachment-full.size-full {
    border-radius: 0% !important;
    border: #000 6px solid !important;
}

/*---for contact us effect in footer---*/
.contact-class:hover {
    background: #444;
    color: #cecece !important;
    padding: 30;
}

/*---remove blue line around clicked link---*/
a {
    outline: none !important;
    color: #fff !important;
}

/*---ensure blog images fit within box on front page---*/
.imghoverclass {
    padding: 10px;
}

.wc-bookings-booking-form .form-field input[type=number] {
text-align: right;
}

.blog_item { 
  border:none!important;
}

#submit.kad-btn.kad-btn-primary {
background-color:#333 !important;
color:#fff !important;
}

#submit.kad-btn.kad-btn-primary:hover { 
background-color:#cecece !important;
color:#fff !important;
}

#wc_bookings_field_duration, #wc_bookings_field_persons {
    width: 5%;
    text-align: right;
}
.wc-bookings-booking-form .form-field input[type=number] {
    width: 10%;
    text-align: right;
}

.wc-bookings-booking-cost, .wc-bookings-booking-form {
background:#333333 !important;
}

.wc-bookings-booking-form .block-picker li:nth-child(odd) a {
    background: #333;
}
.wc-bookings-booking-form .block-picker li:nth-child(even) a {
    background: #333;
}

.button.disabled, .button:disabled {
display: none;
}

p.order-again {
display: none;
}

a.about_paypal {
display: none;
}

#payment div.payment_box {
/*---display: none !important;---*/
 background: #333;
color: #fff;
}

.payment_method_stripe {
max-width: 400px;
}

.stripe-icon {
max-width: 60px !important;
}

.rr_star {
font-size: 20px;
background: #444;
}

.rr_successful {
font-size: 16px;
background: #444;
}

input#submitReview {
background-color: #333;
color: #eee;
border:none!important;
}

input#submitReview:hover {
background-color: #eee;
color: #333;
border:none!important;
}

/*---hide Filter Products on Mobile---*/
.kad-shop-filter {
    display: none;
}

/*---hide ALL on Alpaca males for sale page---*/
.selected {
display: none;
}

I also suggest that you have the host update your php version since you are not yet using version 7. I suggest you go to 7.2 or higher.

[Hannah]

Hannah

#228461

In your css you’ve added this:
*remove white space above footer
you need to change that to this:
/*remove white space above footer*/

Hannah

[cecilialocati]

cecilialocati

#228459

Hi – I just added the CSS above and I still see the white line above the footer.

[Hannah]

Hannah

#228457

Try adding this to your custom css box in Theme Options > Advanced Settings:

.contentclass {
    padding-bottom: 0;
    padding-top: 0;
}
div#content {
    padding: 0;
}
#containerfooter .container {
    width: 100%;
}

Hope that helps!

Hannah

[cecilialocati]

cecilialocati

#228455

Hi, yes exactly – I would like the content to start immediately after the header and stop immediately after the footer. Also I would like for it to be full width.

Here a link to one of the pages of my website:
https://internalcontroltoolbox.com/press-media/

Thanks for your help

[ponponikids]

ponponikids

#228376

hi i would like to create a permanent line above the footer for the newsletter subscrptio…how should i do that? can i have a double footer? how can i make this line apear in every page including products pages

[ponponikids]

ponponikids

#228376

hi i would like to create a permanent line above the footer for the newsletter subscrptio…how should i do that? can i have a double footer? how can i make this line apear in every page including products pages

[chriscara]

chriscara

#228286

Hello,
1. Can I make the Accordion a max with of 700px, not the inside part but the entire accordion?
2. I have some small icons that go across the bottom in a widget above the footer, when I view on a smaller screen they get really small, how can I make it run to 2 lines instead of shrinking? See the image attached.
3. I have some images within paragraphs and the don’t seem to line up at the top of the paragraph, how can I make them vertical top aligned? See the image attached.

Thanks

[chriscara]

chriscara

#228286

Hello,
1. Can I make the Accordion a max with of 700px, not the inside part but the entire accordion?
2. I have some small icons that go across the bottom in a widget above the footer, when I view on a smaller screen they get really small, how can I make it run to 2 lines instead of shrinking? See the image attached.
3. I have some images within paragraphs and the don’t seem to line up at the top of the paragraph, how can I make them vertical top aligned? See the image attached.

Thanks

[Igor]

Igor

#228222

After the last update I’ve mentioned a problem with the Related product carousel placed on Product pages – there are:
– A gap between related products boxes and
– Previously unnoticed space between the carousel and footer.

My website is arosee.com. Open any product and scroll down up to the related products carousel to see the problem.
Hope for your help.
KR!

[Igor]

Igor

#228222

After the last update I’ve mentioned a problem with the Related product carousel placed on Product pages – there are:
– A gap between related products boxes and
– Previously unnoticed space between the carousel and footer.

My website is arosee.com. Open any product and scroll down up to the related products carousel to see the problem.
Hope for your help.
KR!

[Ben Ritner]

Ben Ritner

#228173

You can add in the footer in a widget. Or in the “Sitewide Footer Shortcode” area in your theme options > footer settings. With either, they will show on your entire site so if you just want to show for blog posts you would have to hide it for other pages using css.

Else you can use a child theme and add in your code via a hook or customizing a template.

Ben

[akibou]

akibou

#227780

Hello Hanna,
I went through the same issue. By apply the code below, only the social media icons on mobile device (iPhone) were centered. Not on computer display.

#containerfooter .virtue_social_widget.clearfix {
display: inline-block;
}
#containerfooter .widget-first {
text-align: center;
}

[Ben Ritner]

Ben Ritner

#227654

Add !important to the width, like this:

@media (max-width: 768px) {
.above_footer_outer .panel-grid.panel-no-style {
    display: inline-block;
}
#pg-w5cee68db3eb0f-1 > .panel-grid-cell {
width: 50% !important;
float: left;
}
}

Ben

[Hannah]

Hannah

#227537

Hey,
Try using this css:

@media (max-width: 768px) {
.above_footer_outer .panel-grid.panel-no-style {
    display: inline-block;
}
#pg-w5cee68db3eb0f-1 > .panel-grid-cell {
width: 50%;
float: left;
}
}

Hope it helps!

Hannah