Search Results for 'banner'

[John]

John

#189028

Hi Kevin, This option does not provide for a banner. What I am looking to make is a full width image banner with a call to action statement and button within the banner image. Please let me know. Thanks!

[John]

John

#189019

Hi, I want to build a call to action banner for my home page, but I am unable to locate the feature in my Virtue Premium dashboard. I appreciate your assistance! Thanks, John

[John]

John

#189019

Hi, I want to build a call to action banner for my home page, but I am unable to locate the feature in my Virtue Premium dashboard. I appreciate your assistance! Thanks, John

[Ben Ritner]

Ben Ritner

#188753

Hey,
I see the issue, just update that css to this:

html[lang="en"] #kad-banner #logo .kad-standard-logo, html[lang="es-ES"] #kad-banner #logo .kad-retina-logo {
    display: block !important;
}
html[lang="es-ES"] #kad-banner #logo .kad-standard-logo,  html[lang="en"] #kad-banner #logo .kad-retina-logo {
    display: none !important;
}

Ben

[Ben Ritner]

Ben Ritner

#188221

Ok, you can do this with a little css hack and reworking of the retina logo option in virtue.

In your theme options > main settings > logo options. Set the retina version of your default language logo as the main logo, then set the retina version of your new language version as the retina logo.

then add this css:

html[lang="en"] #kad-banner #logo .kad-standard-logo, html[lang="es"] #kad-banner #logo .kad-retina-logo {
    display: block !important;
}
html[lang="es"] #kad-banner #logo .kad-standard-logo,  html[lang="en"] #kad-banner #logo .kad-retina-logo {
    display: none !important;
}

Ben

[Ben Ritner]

Ben Ritner

#187818

Maybe your talking about the border your adding?

Remove that and add it like this instead:

#kad-banner:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: white;
}

Ben

[Ben Ritner]

Ben Ritner

#187813

Hey,
I guess you ok with the jerky movement when it’s looping?

Try adding this css and let me know if you still see a “jump” in the scroll.

.sticky-wrapper > #kad-banner {
    position: fixed;
}

[Ben Ritner]

Ben Ritner

#187640

Just to give you one more option here is css that could kind of pull that off:

.home-message h4 {
    top: auto;
    bottom: -52px;
    margin: 0;
    width: 100%;
    left: 0;
}

.infobanner {
    margin-bottom: 52px;
}

Ben

[aswatkins]

aswatkins

#187246

yes, that makes sense! Thanks for looking and sorting. Just corrected the legacy services banner and it is working fine now. Thank you!

[Ben Ritner]

Ben Ritner

#186951

Hey,
When you have a slider above the header the header size starts at it’s “shrunk” state. So with the start height at 80 the shrunk is 40px.

There is padding at the top of your content which is making the header appear larger since it’s the same color as your content background so you can remove that padding with this css:

.wrap.contentclass {
    padding-top: 0;
}

And for some reason (which I am looking into) once fully loaded the height is being set on your header container at the none shrunk state while the rest, logo, menu and sticky container are all correctly in the shrunk state. So here is a quick css fix for that and I’m looking to see if I need to update this in the code:

.home.stickyheader #kad-banner {
    height: 40px !important;
}

Ben

[Ben Ritner]

Ben Ritner

#186819

Hey,
You can use css like this:

@media (min-width: 992px){
    .col-md-12.kad-header-right {
        width: 60%;
        float: right;
        margin-top: -100px;
    }
    .col-md-12>#nav-main ul.sf-menu, .col-md-12>#nav-main-sticky-wrapper #nav-main ul.sf-menu, .col-md-12>.nav-main ul.sf-menu {
        text-align: right;
    }
    .col-md-12>#nav-main-sticky-wrapper.is-sticky #nav-main ul.sf-menu {
        text-align: center;
    }
    #kad-banner > .container {
        position: relative;
    }
    .kad-header-widget {
        position:absolute;
        bottom:0px;
        right:0;
    }
}

Ben

[alexkonijnenburg]

alexkonijnenburg

#186360

Hi Team,

I have product archive pages with a side bar. Now I want a banner above the page content (not a side width header) How to achieve that?

like this *Login to see link

[alexkonijnenburg]

alexkonijnenburg

#186360

Hi Team,

I have product archive pages with a side bar. Now I want a banner above the page content (not a side width header) How to achieve that?

like this *Login to see link

[Andrew]

Andrew

#186069

Hello team,

Hope you all had a good Easter. I know this problem has been addressed quite a few times, but although I’ve tried some of the solutions in the forums, none have appeared to make any difference.

My page is here: *Login to see link

The only working anchor on the page at present is ‘Slate Plinths & Stands’ in the dark (Revolution Slider) banner below the header image.

Any help greatly appreciated, as ever.

Andrew.

[Andrew]

Andrew

#186069

Hello team,

Hope you all had a good Easter. I know this problem has been addressed quite a few times, but although I’ve tried some of the solutions in the forums, none have appeared to make any difference.

My page is here: *Login to see link

The only working anchor on the page at present is ‘Slate Plinths & Stands’ in the dark (Revolution Slider) banner below the header image.

Any help greatly appreciated, as ever.

Andrew.

[phil2]

phil2

#185557

Thanks Ben.

1. Works fine.
2.a. Great! Banner now after carousel.
2.b. Understood.
3. Trying imagecarousel with imgwidth=”150″ imgheight=”150″ but the pictures are re-sizing to 400px high with a corresponding width. Please could you advise how to get the images down to 150×150 without manually scaling them?

add_action('kt_after_header_content', 'my_custom_head_output');
function my_custom_head_output() {
echo do_shortcode('[gallery columns="12" type="imagecarousel" caption="true" ids="75,74,73,etc" orderby="rand" link="file" masonry="default" imgwidth="150" imgheight="150" speed="4000"]');
}

Thanks,
Phil.

[phil2]

phil2

#185556

Thanks Ben.

1. Works fine.
2.a. Great! Banner now after carousel.
2.b. Understood.
3. Trying imagecarousel with imgwidth=”150″ imgheight=”150″ but the pictures are re-sizing to 400px high with a corresponding width. Please could you advise how to get the images down to 150×150 without manually scaling them?

Thanks,
Phil.

[Ben Ritner]

Ben Ritner

#185352

Here is css you can add right now to see:

#kad-banner #logo #thelogo img {
    margin: 0;
}

Ben

[Andy]

Andy

#185300

Hi, would like to get support to change my page wide into automatic in full wide om all pages. Thought is was a simple setting, but think this is an adjustment in the advanced settings as these were change a long time ago, see below if I need to adjust something. http://www.andylubertinaturephotography.nl

.page-header {
border: 0;
}

.widget_virtue_calltoaction_widget .kad-btn-primary {
color:#f2d78c;
background:#f2c037;
}

.kad-btn-primary {background-color: #dd9933; }
.kad-btn-primary:hover {background-color: #cfcfcf; }

.kad-header-style-two .nav-main ul.sf-menu>li a i {
font-size: 30px;
}

.footercredits p {
font-size: 14px;
}

.footercredits {
text-align: center;
}

#containerfooter {
padding-top: 0;
}
.footercredits {
padding-top: 0;
padding-bottom: 0;
}

#containerfooter .widget {
margin-top: 5px;
}

body #kad-banner #logo .kad-retina-logo {
margin: 0 auto;
}

.home-padding {
padding-top: 0px;
}

.home-widget-box {
text-align:center;
}

.page-header {
display:none;
}

[Andy]

Andy

#185300

Hi, would like to get support to change my page wide into automatic in full wide om all pages. Thought is was a simple setting, but think this is an adjustment in the advanced settings as these were change a long time ago, see below if I need to adjust something. http://www.andylubertinaturephotography.nl

.page-header {
border: 0;
}

.widget_virtue_calltoaction_widget .kad-btn-primary {
color:#f2d78c;
background:#f2c037;
}

.kad-btn-primary {background-color: #dd9933; }
.kad-btn-primary:hover {background-color: #cfcfcf; }

.kad-header-style-two .nav-main ul.sf-menu>li a i {
font-size: 30px;
}

.footercredits p {
font-size: 14px;
}

.footercredits {
text-align: center;
}

#containerfooter {
padding-top: 0;
}
.footercredits {
padding-top: 0;
padding-bottom: 0;
}

#containerfooter .widget {
margin-top: 5px;
}

body #kad-banner #logo .kad-retina-logo {
margin: 0 auto;
}

.home-padding {
padding-top: 0px;
}

.home-widget-box {
text-align:center;
}

.page-header {
display:none;
}

[Ben Ritner]

Ben Ritner

#185098

Hey,
1. Vertical and horizontal aligns are different. You can add this css:

.virtue_banner {
    text-align: center;
}

2. You would just need to turn off the banner then add it manually through a hook as well. for example:

add_action('kt_after_header_content', 'my_custom_head_banner_output', 30);
function my_custom_head_banner_output() {
echo '<div class="container virtue_sitewide_banner"><div class="virtue_banner"><img src="http://greytownrailtrail.opensaucesystems.co.nz/wp-content/uploads/2017/12/Rail-Trail-sign-close-up.jpg" width="1542" height="376" alt=""></div></div>';
}

2b. A slider would show below and only show on one page that you added it to.

3. the image size would be set with imgwidth=”150″ imgheight=”150″ but your carousel has a set columns. If you make the images smaller then it will just stretch them worse since the columns are set to 6.

Perhaps you want to use a type=”imagecarousel” which isn’t going to be column-based?

Ben

[phil2]

phil2

#184973

Hi,
I’m having difficulty setting up the header the way I want it for this site.

1. My Banner image is 1542px wide. At screen sizes wider than 1542px, I want the image to be centered. I can see vertical-align: middle; on the img element but it isn’t having any effect, and the image is left-aligned.

I have added a gallery of type=carousel using the following in functions.php:

add_action('kt_after_header_content', 'my_custom_head_output');
function my_custom_head_output() {
echo do_shortcode('[gallery columns="12" type="carousel" caption="true" ids="75,74,73" orderby="rand" link="file" masonry="default" width="" height="" speed="4000"]');
}

2. Is there a way to move the gallery above the banner image by changing the hook? I tried ‘kt_before_header_content’ but no luck. Should I be using some sort of slider?
3. I want to reduce the size of the gallery images. I tried width=”150″ height=”150″ and width=”150px” height=”150px”, but the images remain fixed at 240x240px.

Very many thanks,
Phil.

[phil2]

phil2

#184973

Hi,
I’m having difficulty setting up the header the way I want it for this site.

1. My Banner image is 1542px wide. At screen sizes wider than 1542px, I want the image to be centered. I can see vertical-align: middle; on the img element but it isn’t having any effect, and the image is left-aligned.

I have added a gallery of type=carousel using the following in functions.php:

add_action('kt_after_header_content', 'my_custom_head_output');
function my_custom_head_output() {
echo do_shortcode('[gallery columns="12" type="carousel" caption="true" ids="75,74,73" orderby="rand" link="file" masonry="default" width="" height="" speed="4000"]');
}

2. Is there a way to move the gallery above the banner image by changing the hook? I tried ‘kt_before_header_content’ but no luck. Should I be using some sort of slider?
3. I want to reduce the size of the gallery images. I tried width=”150″ height=”150″ and width=”150px” height=”150px”, but the images remain fixed at 240x240px.

Very many thanks,
Phil.

[Park]

Park

#184844

Thanks, Hannah.

1. The css you wrote for the buttons in the shop section works perfectly, the “proceed to checkout” button on the cart page also needs this treatment, please.

2. The banner/kadenceslider across all main pages site-wide sits where I like using the css I now have in place, but on pages when that banner/slider is not displayed, for example on the cart and checkout pages, the contents of that page become hidden behind the text of the top menu.

I would like to move those contents down on those two pages so they do not overlap with the primary menu items.

Thanks so much for your help.

[Hannah]

Hannah

#184687

Hi Park,
1.

.sidebar a.button.wc-forward {
    color: #000;
}
#payment #place_order {
    color: #000;
}

2. Looks like you’ve added this css:

#kad-banner {
    position: absolute;
    width: 100%;
    z-index: 1000;
    background: transparent;
}

Are you just wanting that to effect your homepage? If so, change it to this:

.home #kad-banner {
    position: absolute;
    width: 100%;
    z-index: 1000;
    background: transparent;
}

Hannah