Search Results for 'footer'

[Donna]

Donna

#230473

In my footer, I have two images which link to Facebook and Instagram. If a user hovers too long on either icon, the name of the photo that I used as the icon is displayed. I do not want the photo names to be displayed. Using CSS code, can I stop this?
Thank you. My website is http://www.plcnh.org
— Donna

[Donna]

Donna

#230473

In my footer, I have two images which link to Facebook and Instagram. If a user hovers too long on either icon, the name of the photo that I used as the icon is displayed. I do not want the photo names to be displayed. Using CSS code, can I stop this?
Thank you. My website is http://www.plcnh.org
— Donna

[Hannah]

Hannah

#230248

Hi,
I think this css will work for you:

#containerfooter .menu li a {
    font-size: 16px;
    font-family: Quattrocento-Sans;
    color: #fff;
}

Hope it helps!

Hannah

[Glenn]

Glenn

#230148

Hi there,

The next page/previous page buttons on my Dokan shop have a conflict again – we added some code a few weeks back but I think an update is now causing a conflict.

If you check : *Login to see link

And look at the buttons at the bottom of the page are sitting right on the footer – no padding. Is this the theme conflict or something to do with Dokan?

If you can pleae let me know.

Thank you,

Glenn

[Glenn]

Glenn

#230148

Hi there,

The next page/previous page buttons on my Dokan shop have a conflict again – we added some code a few weeks back but I think an update is now causing a conflict.

If you check : *Login to see link

And look at the buttons at the bottom of the page are sitting right on the footer – no padding. Is this the theme conflict or something to do with Dokan?

If you can pleae let me know.

Thank you,

Glenn

[Ben Ritner]

Ben Ritner

#229936

You can add this to your footer scripts in your theme options :

<script type="text/javascript">
	jQuery(window).load(function () {
(function ($) {
   $.scroll_to_notices = function( scrollElement ) {
		if ( scrollElement.length ) {
			$( 'html, body' ).animate( {
				scrollTop: ( scrollElement.offset().top - 160 )
			}, 1000 );
		}
	};
})(jQuery);
});
</script>

Ben

[Angelo Lazzari]

Angelo Lazzari

#229917

Than you very much Ben for your code, it finally create a button with ascend shortcode and put in a extra menu widget and i use this code into the theme footer scripts sections to display and hide it:

<script type="text/javascript">
jQuery(document).ready(function ($) {
 if ( $('.kt-header-extras span.kt-cart-total').text() != '0' ) {
$('.menu-widget-area-kt .sm-kad-btn').show();
}
else {
$('.menu-widget-area-kt .sm-kad-btn').hide();
}
});
</script>

the problem is that the code execute only when y load the page not when i add/remove an item from the cart…
to do that i would need a trigger that execute every time the cart change his content… so googling a bit i found a solution and i changed your code to

?>
            <script type="text/javascript">
                // Ready state
                (function($){ 

                    $( document.body ).on( 'added_to_cart', function(){
                       if ( $('.kt-header-extras span.kt-cart-total').text() != '0' ) {
							$('.menu-widget-area-kt .sm-kad-btn').hide();
					   }
					   else {
							$('.menu-widget-area-kt .sm-kad-btn').hide();
					   }
                    });

                })(jQuery); // "jQuery" Working with WP (added the $ alias as argument)
            </script>
        <?php

so now it updates when i add a product but not when a load a page or i remove a product from the cart… so i googled again and i found someone saying to use updated_cart_totals but the code is not working…

do you have any suggestion?

[VIDAL GONZALEZ LETICIA]

VIDAL GONZALEZ LETICIA

#229781

Dear Ben,

Thanks for your quick response.

But I think that I don’t explain well, all that I need to do.

Please find attached photo from my footer.php. At the right of it, I have a navigation menu 1,2 and 3 and I need to change the font and size.

Could you explain me how I can do it?

Thanks in advance.

[Ben Ritner]

Ben Ritner

#229751

.footernav ul li a {
    font-size: 16px;
    color: white;
}

You can use css for the footer menu, there are not settings in the theme options. Paste the above in your theme options > custom css for example.

Ben

[dgonzalez1992]

dgonzalez1992

#229745

This reply has been marked as private.

[VIDAL GONZALEZ LETICIA]

VIDAL GONZALEZ LETICIA

#229733

I would like to know from where the font, size and colour of the footer menu is changed.
The footer settings do not appear from the menu option.
I have the Pinnacle Premium template.

Thank you

[VIDAL GONZALEZ LETICIA]

VIDAL GONZALEZ LETICIA

#229733

I would like to know from where the font, size and colour of the footer menu is changed.
The footer settings do not appear from the menu option.
I have the Pinnacle Premium template.

Thank you

[Ben Ritner]

Ben Ritner

#229609

You can add css like this:

.posttags.post-footer-section {
    font-size: 0;
}

.posttags.post-footer-section:before {
    content: "Tags";
    font-size: 30px;
    display: block;
    padding-bottom: 25px;
}

Ben

[dgonzalez1992]

dgonzalez1992

#229522

Hello,

I recently opened a topic about my modal not working in the widget area. I was given this code that fixed the issue:

.kt-header-extras .modal-dialog {
margin: 30px auto;
}
.kt-header-extras .modal-footer {
margin-top: 15px;
padding: 19px 20px 20px;
}
.kt-header-extras .modal-body {
padding: 20px;
}
.kt-header-extras .modal-header {
padding: 15px;
}
.modal-open .kad-header-menu-outer {
z-index: 1050 !important;
}
.kt-header-extras .modal {
background: rgba(0,0,0,0.5);
}
.modal-backdrop.in {
opacity: .1;
}

I added a secondary issue and now it’s freezing the page when you try to click the button. Any suggestions on an edit for this?

Thank you,
David

[dgonzalez1992]

dgonzalez1992

#229522

Hello,

I recently opened a topic about my modal not working in the widget area. I was given this code that fixed the issue:

.kt-header-extras .modal-dialog {
margin: 30px auto;
}
.kt-header-extras .modal-footer {
margin-top: 15px;
padding: 19px 20px 20px;
}
.kt-header-extras .modal-body {
padding: 20px;
}
.kt-header-extras .modal-header {
padding: 15px;
}
.modal-open .kad-header-menu-outer {
z-index: 1050 !important;
}
.kt-header-extras .modal {
background: rgba(0,0,0,0.5);
}
.modal-backdrop.in {
opacity: .1;
}

I added a secondary issue and now it’s freezing the page when you try to click the button. Any suggestions on an edit for this?

Thank you,
David

[Hannah]

Hannah

#229377

Here ya go:

.posttags a, .tagcloud a {
    margin: 0 5px;
}
.post-footer-section {
    text-align: center;
}

Hannah

[Hannah]

Hannah

#229349

Hey David,
This css is a bit of a workaround, but it would remove your tags title:

.post-footer-section {
    font-size: 0;
}

You can adjust the styling with this css:

.posttags a, .tagcloud a {
    font-size: 15px;
    color: #333;
    border: 2px solid #333;
}

Hope that helps!

Hannah

[mg3]

mg3

#229340

Hello,

I have installed two widgets into my footer area – one is AccessPress Feeds for Instagram and the other is My Calendar. Both are showing content but only update when I log in to the Dashboard. i.e. If I go to my site the most recent Instagram post will be whatever it was the last time I logged into the site and as soon as I log in again the feed updates.

I don’t know if this is a theme problem or a plug-in problem (seems odd its happening to two plug-ins) or a hosting problem.

Any info you can provide would be much appreciated!

Thanks
Margaret

[mg3]

mg3

#229340

Hello,

I have installed two widgets into my footer area – one is AccessPress Feeds for Instagram and the other is My Calendar. Both are showing content but only update when I log in to the Dashboard. i.e. If I go to my site the most recent Instagram post will be whatever it was the last time I logged into the site and as soon as I log in again the feed updates.

I don’t know if this is a theme problem or a plug-in problem (seems odd its happening to two plug-ins) or a hosting problem.

Any info you can provide would be much appreciated!

Thanks
Margaret

[bugit.xyz]

bugit.xyz

#229327

Hi,
Great Theme thanks, I imported the ‘Restaurant One Page website’ and edited the sections content etc.,
1) Navigation – I can navigate to the Blog Page from the Menu, but once there it will not allow a return to any of the sections of the one page website as they refer to the ‘Anchor Links’ set for each section e.g. *Login to see link o/blog/#our-services.
2) Additionally, I added a section to show the latest Posts and when a ‘Read More’ link is clicked, it takes you to a separte page showing that Post, but once again the same problem occurs i.e. it will not allow a return to any of the sections of the one page website as they refer to the ‘Anchor Links’ set for each section e.g. *Login to see link o/blog/#our-services.
3) it’s the same problem for the Menu in the Footer too, please advise, thank you.

Website URL:
*Login to see link o/

Cheers

[bugit.xyz]

bugit.xyz

#229327

Hi,
Great Theme thanks, I imported the ‘Restaurant One Page website’ and edited the sections content etc.,
1) Navigation – I can navigate to the Blog Page from the Menu, but once there it will not allow a return to any of the sections of the one page website as they refer to the ‘Anchor Links’ set for each section e.g. *Login to see link o/blog/#our-services.
2) Additionally, I added a section to show the latest Posts and when a ‘Read More’ link is clicked, it takes you to a separte page showing that Post, but once again the same problem occurs i.e. it will not allow a return to any of the sections of the one page website as they refer to the ‘Anchor Links’ set for each section e.g. *Login to see link o/blog/#our-services.
3) it’s the same problem for the Menu in the Footer too, please advise, thank you.

Website URL:
*Login to see link o/

Cheers

[Angelo Lazzari]

Angelo Lazzari

#229199

Hi, this is an advanced problem i have… . i tried a few hours to solve it without ask you but …no way…. so the situation is:

in this page *Login to see link we have the sidebar on the left and the main content all generated from a third party javescript code….
at the bottom of that page we have this button

when you click on an item of the list, the third party javascript loads the item detail…. adding some anchor/data to the url

the big issue we have is that we want to hide the button div #job-button when an item of the list is loades (so the url contains a /#/d/)… we tried to add some javascript code into the footer ..like this post says *Login to see link but no way…

<script type="text/javascript">
$(document).ready(function () {
if (window.location.href.indexOf("/d/") != -1) {
$("#job-button").hide();
}
}
</script>

can you please give an advise about how to do it?

Thank you very much!

[Angelo Lazzari]

Angelo Lazzari

#229199

Hi, this is an advanced problem i have… . i tried a few hours to solve it without ask you but …no way…. so the situation is:

in this page *Login to see link we have the sidebar on the left and the main content all generated from a third party javescript code….
at the bottom of that page we have this button

when you click on an item of the list, the third party javascript loads the item detail…. adding some anchor/data to the url

the big issue we have is that we want to hide the button div #job-button when an item of the list is loades (so the url contains a /#/d/)… we tried to add some javascript code into the footer ..like this post says *Login to see link but no way…

<script type="text/javascript">
$(document).ready(function () {
if (window.location.href.indexOf("/d/") != -1) {
$("#job-button").hide();
}
}
</script>

can you please give an advise about how to do it?

Thank you very much!

[partymazing]

partymazing

#229106

Hi Support, is there any way I can transform my secondary menu to an icon menu so it is available in all my pages not only on my home page? or just create a menu using images? I want to have a menu like the one in my footer but in all the pages under the heather, see the image attached.

Is there any way to use the virtue theme to do it or it has to be html?

MariaPalito

[partymazing]

partymazing

#229106

Hi Support, is there any way I can transform my secondary menu to an icon menu so it is available in all my pages not only on my home page? or just create a menu using images? I want to have a menu like the one in my footer but in all the pages under the heather, see the image attached.

Is there any way to use the virtue theme to do it or it has to be html?

MariaPalito

[Hannah]

Hannah

#229078

Hey John,
Try pasting it into your footer output from Theme Options > Theme Extensions. Let me know if that works for you!

Hannah

[John Paul]

John Paul

#229071

Hi Team…

I am just wondering if it is possible to add this HTML code in the footer of my child theme in the “Appearance / Theme Editor” section?

I want to limit the widgets I’m running…

This is the code:

<!– Load Facebook SDK for JavaScript –>
<div id=”fb-root”></div>
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : ‘v3.3’
});
};

(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = ‘*Login to see link
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

<!– Your customer chat code –>
<div class=”fb-customerchat”
attribution=setup_tool
page_id=”1076295472421698″>
</div>

I am trying to achieve the same FB messenger as this website example
Thanks,

John 🙂

[John Paul]

John Paul

#229071

Hi Team…

I am just wondering if it is possible to add this HTML code in the footer of my child theme in the “Appearance / Theme Editor” section?

I want to limit the widgets I’m running…

This is the code:

<!– Load Facebook SDK for JavaScript –>
<div id=”fb-root”></div>
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : ‘v3.3’
});
};

(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = ‘*Login to see link
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

<!– Your customer chat code –>
<div class=”fb-customerchat”
attribution=setup_tool
page_id=”1076295472421698″>
</div>

I am trying to achieve the same FB messenger as this website example
Thanks,

John 🙂

[Hannah]

Hannah

#228992

Hi Christian,
Try adding this to your footer output in Theme Options > Header and Footer Scripts:

<script type="text/javascript">
jQuery(document).ready(function ($) {
var url = document.location.toString();
if (url.match('#')) {$('.kt-tabs a[href=#'+url.split('#')[1]+']').tab('show') ;} 

  $('a[data-toggle="tab"]').on('show.bs.tab', function (e) {
    window.location.hash = e.target.hash;
$('.kt-tabs a[href='+e.target.hash+']').tab('show');
  });
});
</script>

Next, you can add #sctab plus the name of the tab to your url. For example, if your tab title is “tab 1” then you would add #sctabtab1 Does that make sense?

Hannah