Search Results for 'footer'

[Bekhi Spika]

Bekhi Spika

#226089

Hello,

I received the custom css code shown below from you that worked brilliantly until WordPress did an update. The code still appears in all the appropriate areas – Advanced Settings/Custom CSS – and also in – Header/Footer Scripts. But the custom captions don’t appear as we’d like. We’d like to move the site live tomorrow – but for now you can see it here and the fact that it just displays the default image captions:

*Login to see link

Provided from Ben:

Hey,
ok so this isn’t built in but you can add it, first in your theme options > advanced settings add this css:

/* billie’s comment = custom image caption overlay code */

.single-portfolio .kt-image-carousel .carousel-caption {
line-height: 24px;
position: absolute;
left: 0;
text-align:center;
right: 0;
background: rgba(255,255,255,0.6);
font-size: 18px;
bottom: 0;
padding: 20px;
padding: 14px 8px 14px 8px;
color: #333;
background: rgba(255,255,255,.6);
z-index: 1000;
opacity: 0;
-webkit-transition: all .6s ease-out;
transition: all .6s ease-out;
}
.single-portfolio .kt-image-carousel .gallery_item:hover .carousel-caption {
opacity: 1;
}
.single-portfolio .kt-image-carousel {
padding-bottom: 24px;
}

Then add this javascript in your theme options > header and footer scripts (if you don’t see this check the theme extensions settings to enable).

Place in the header scripts area:

<script type=”text/javascript”>
jQuery(document).ready(function ($) {
$(‘.single-portfolio .kt-image-carousel .gallery_item div’).each(function(){
var caption = $(this).find(‘img’).attr(‘data-caption’);
wrap = $(‘<div></div>’);
wrap.append(caption);
$(this).append(wrap);
});
});
</script>

[Bekhi Spika]

Bekhi Spika

#226089

Hello,

I received the custom css code shown below from you that worked brilliantly until WordPress did an update. The code still appears in all the appropriate areas – Advanced Settings/Custom CSS – and also in – Header/Footer Scripts. But the custom captions don’t appear as we’d like. We’d like to move the site live tomorrow – but for now you can see it here and the fact that it just displays the default image captions:

*Login to see link

Provided from Ben:

Hey,
ok so this isn’t built in but you can add it, first in your theme options > advanced settings add this css:

/* billie’s comment = custom image caption overlay code */

.single-portfolio .kt-image-carousel .carousel-caption {
line-height: 24px;
position: absolute;
left: 0;
text-align:center;
right: 0;
background: rgba(255,255,255,0.6);
font-size: 18px;
bottom: 0;
padding: 20px;
padding: 14px 8px 14px 8px;
color: #333;
background: rgba(255,255,255,.6);
z-index: 1000;
opacity: 0;
-webkit-transition: all .6s ease-out;
transition: all .6s ease-out;
}
.single-portfolio .kt-image-carousel .gallery_item:hover .carousel-caption {
opacity: 1;
}
.single-portfolio .kt-image-carousel {
padding-bottom: 24px;
}

Then add this javascript in your theme options > header and footer scripts (if you don’t see this check the theme extensions settings to enable).

Place in the header scripts area:

<script type=”text/javascript”>
jQuery(document).ready(function ($) {
$(‘.single-portfolio .kt-image-carousel .gallery_item div’).each(function(){
var caption = $(this).find(‘img’).attr(‘data-caption’);
wrap = $(‘<div></div>’);
wrap.append(caption);
$(this).append(wrap);
});
});
</script>

[Ben Ritner]

Ben Ritner

#225936

You can add this css which will move the footer:

.home #containerfooter {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,252,255,0.9);
}
.home #content {
    display: none;
}
.home .footerbase {
    background: transparent;
}

As for the slider in your slider settings set “Full height” to on.

Ben

[Ben Ritner]

Ben Ritner

#225926

In your theme options > header and footer scripts add this into the footer scripts:

<script type="text/javascript">
jQuery(document).ready(function ($) {
var hasBeenTrigged = false;
$(window).scroll(function() {
if( !kt_isMobile.any() ) {
    if($(window).scrollTop() >= 600 && !hasBeenTrigged){
        $(window).ktstellar('refresh');
 hasBeenTrigged = true;
    }
}
});
});
</script>

Ben

[Lillian]

Lillian

#225901

HI Guys
How can I take this image and make it full height on a screen, and ideally behind teh footer items?
basically remove the content block and so the the image is the page, and no footer except the social media and copyright.
I thought there might be a method different than using kadence slider.

link in follow up post private

[Lillian]

Lillian

#225901

HI Guys
How can I take this image and make it full height on a screen, and ideally behind teh footer items?
basically remove the content block and so the the image is the page, and no footer except the social media and copyright.
I thought there might be a method different than using kadence slider.

link in follow up post private

[Susie]

Susie

#225884

HI Ben

Many thanks – it has worked and looks wonderful – thank you. However I have the following messages at the very bottom of the screen, below the footer:

Warning: include(): Filename cannot be empty in /var/sites/v/visitpewseyvale.co.uk/public_html/wp-content/themes/virtue_premium/base.php on line 17

Warning: include(): Failed opening ” for inclusion (include_path=’.:/usr/local/php-5.6.37-flock/lib/php’) in /var/sites/v/visitpewseyvale.co.uk/public_html/wp-content/themes/virtue_premium/base.php on line 17

Have a look at https://www.visitpewseyvale.co.uk/events/venues/the-farm-cookery-school/ to see the errors.

Many thanks
Susie

[Ben Ritner]

Ben Ritner

#225846

Before you were editing the footer.php template, did you make sure to remove that file from your child theme.

Ben

[Ben Ritner]

Ben Ritner

#225834

Hey,
While it’s not an option you certainly can do it.

Here is the css you can add in your theme options > custom css:

@media (min-width: 992px){
    .footercol1 {
        width: 50%;
    }
    .footercol2, .footercol3 {
        width: 25%;
    }
}

Ben

[Ben Ritner]

Ben Ritner

#225817

Hey,

At some time in the past I got the text changed to white (on a dark background). So far I haven’t re-found where to make that change.

In your theme options > basic styling. The fourth setting is “Footer Font Color”. If that is not affecting the color then you have something external not from the theme overriding.

In your case I went and looked at your theme options > advanced settings > custom css box and you have all this css overriding the footer color:

#containerfooter h3 {color: #fffff0 !important;}
#containerfooter {color: #fffff0 !important;}
.footercredits p {color: #fffff0 !important;}
.footerclass a {color: #ffffb0 !important;}
.footernav ul li a {color: #fffff0 !important;}

Obviously, if you add css to override then the theme options settings will not have an effect.

[Peter]

Peter

#225797

Good Morning,

I really like the footer options you have with Ascend however the one thing I feel is missing is the option to have various column widths. For example the first column 50%, second and third 25% width etc.

I feel it would add a little more to the design and flexibility. Is this something you can help with and also is there a reason this may not have been done, like responsive layout issues?

Many thanks as always,
Anthony

[Peter]

Peter

#225797

Good Morning,

I really like the footer options you have with Ascend however the one thing I feel is missing is the option to have various column widths. For example the first column 50%, second and third 25% width etc.

I feel it would add a little more to the design and flexibility. Is this something you can help with and also is there a reason this may not have been done, like responsive layout issues?

Many thanks as always,
Anthony

[ekhoo.sunray]

ekhoo.sunray

#225764

This reply has been marked as private.

[ekhoo.sunray]

ekhoo.sunray

#225737

I’m finding it quite confusing to try and get font colors set properly. There are many places to set font colors, and no documentation as to precisely how various settings are used.
(1) Theme Options vs. Appearance, Customize – do these set the same underlying values (to the degree that they make the same settings visible)?
(2) Basic Styling: Where do these 4 settings get used, and when are they overridden by other settings?
(3) Is there documentation of ALL the places font colors can be set, and which ones take precedence over others?
(4) I have a button in the footer colummn 4 widget area using HTML from Constant Contact. In Appearance, Widgets or Appearance, Customize, Widgets the button preview reflects the color settings used in the HTML. But what shows on the displayed page is not the same. What am I missing?

In general, it would be really helpful to me to have more documentation of the meaning/effect of the settings available with the theme, perhaps organized by effect – something like: * for font sizes, go to xxx; for font colors go to xxx, yyy, zzz; for background colors go to xxx, etc.

[ekhoo.sunray]

ekhoo.sunray

#225737

I’m finding it quite confusing to try and get font colors set properly. There are many places to set font colors, and no documentation as to precisely how various settings are used.
(1) Theme Options vs. Appearance, Customize – do these set the same underlying values (to the degree that they make the same settings visible)?
(2) Basic Styling: Where do these 4 settings get used, and when are they overridden by other settings?
(3) Is there documentation of ALL the places font colors can be set, and which ones take precedence over others?
(4) I have a button in the footer colummn 4 widget area using HTML from Constant Contact. In Appearance, Widgets or Appearance, Customize, Widgets the button preview reflects the color settings used in the HTML. But what shows on the displayed page is not the same. What am I missing?

In general, it would be really helpful to me to have more documentation of the meaning/effect of the settings available with the theme, perhaps organized by effect – something like: * for font sizes, go to xxx; for font colors go to xxx, yyy, zzz; for background colors go to xxx, etc.

[minna.laukkanen]

minna.laukkanen

#225607

I have selected one of Virtue Premium´s demo sites, but I have no idea, how to edit it? I can not find any way to work on these blocks on the footer.

[minna.laukkanen]

minna.laukkanen

#225607

I have selected one of Virtue Premium´s demo sites, but I have no idea, how to edit it? I can not find any way to work on these blocks on the footer.

[Ben Ritner]

Ben Ritner

#225592

Yeah it’s not designed to work in the header extras area, you can force it though with some custom css:

.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;
}

[kelly5]

kelly5

#225542

Thank you Ben – I read the link you provided.

Parallax should also only display the image once, correct? I’m seeing tiled images, full width but repeating vertically (top and bottom) for many of my full width parallax containers, which to me does not make sense. The ratio of most of my images is 2:3 (height/width). I see your recommended size is 2000px x 1200px. 2:3 is a little bit taller. And still, Position: Center Center doesn’t seem to be applying property. Do you mind taking a look again? http://www.kellyheckphotography.com.php72-4.lan3-1.websitetestlink.com/corporate-photography/ is one page you can see, any other portfolio page will have multiple of the same, and nearly every page has a parallax image full width before the footer. Again, some are displaying OK, but about 1/3 to 1/2 are not.

And I agree with you that not every picture, especially with people or a specific focal point, is going to work in this application. I just need the Position: Center Center to be working, and the tiling to go away so I can determine which images to place in those positions.

[Hannah]

Hannah

#225507

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

#containerfooter .tnp-widget input[type=text], #containerfooter .tnp-widget input[type=email] {
    background-color: #f4f4f4 !important;
}

Hope that helps!

Hannah

[Anita]

Anita

#225499

Hello Support team!

I’ve put a newsletter plugin to the footer on my page. My problem is: if I start typing text in ‘Name’ and ‘Email’ fields, box becomes blue, so the black text is not visible at all.

I’d like the box to remain white while typing, can you help please?
*Login to see link

And the same widget is used on this other subpage, which works fine, that should not change.
*Login to see link

Thanks, Anita

[Anita]

Anita

#225499

Hello Support team!

I’ve put a newsletter plugin to the footer on my page. My problem is: if I start typing text in ‘Name’ and ‘Email’ fields, box becomes blue, so the black text is not visible at all.

I’d like the box to remain white while typing, can you help please?
*Login to see link

And the same widget is used on this other subpage, which works fine, that should not change.
*Login to see link

Thanks, Anita

[Michael]

Michael

#225197

hmm, that code doesn’t work either… I did try that hook before because I found it in another thread and tried it

this script is supposed to be produced and can be seen in the view-source if its working…

the plugin allows me to choose to place the code in the footer (not recommended) …but works
or choosing ‘custom’ option, then edit the child theme to place it after the body tag using that function in the functions.php of the child… but that wont work for me

other suggestions I’ve seen around the web are to edit the header.php but I don’t want to do that as its not future proof even if I create a child copy

for reference, this is the plugin I’m trying to configure…
https://wordpress.org/plugins/duracelltomi-google-tag-manager/

[Ben Ritner]

Ben Ritner

#225186

Also in your theme options > header and footer scripts, there is an input box for this as well.

Ben

[Kevin]

Kevin

#225095

You would’ve had to have added it. When using the static home page, the CSS is the only way to hide the header and footer on the home page. It ignores the landing page assignment and uses the home page template, so the CSS is required.

-Kevin

[Kevin]

Kevin

#225089

Go to Theme Options> Advanced Settings, Custom CSS, and remove this:

.home .headerclass, .home #containerfooter {
    display: none;
}

Now you should be set!

-Kevin