Search Results for 'banner'

[Ben Ritner]

Ben Ritner

#94039

Hey,
1. You can set the font color with this css:

.home-message h5 {
color:white;
}

and if you want to set only the color when hover you can use this css:

.home-message:hover h5 {
color:white;
}

as for the hover color that is your primary color set in the theme options > basic settings.

2. It’s not really an option but you could do something similar with css like this:

.infobanner:hover {
    transform: scale(1.1);
}

3. The free theme and premium them have different icon fonts. The premium theme adds a lot more. I can add icon bullseye to the list to be added to the theme.

4. multilingual site? I suggest wpml but if your looking for free then polylang.

5. In your row style you can add top and bottom padding for that row.

Ben

[Ben Ritner]

Ben Ritner

#94031

Here try this:

#kad-banner .kad-header-right, #kad-banner .kad-header-left {
    width: 100%;
}
#kad-banner {height:auto !important;}
#kad-banner #logo .kad-standard-logo {
    background-position: center !important;
    margin: 0 auto;
}
.kad-header-style-basic #nav-main ul.sf-menu > li > a {
    line-height: 40px !important;
}
.kad-header-style-basic #nav-main ul.sf-menu > li {
    float: none;
    display: inline-block;
}
.kad-primary-nav ul.sf-menu {
    float: none;
    text-align: center;
}

Ben

[Ben Ritner]

Ben Ritner

#93945

Ok do you have a link to your development site?
css would be something like this:

#kad-banner .kad-header-right, #kad-banner .kad-header-left {
    width: 100%;
}
#kad-banner {height:auto !important;}

I can be more specific if you have a link.

Ben

[Ben Ritner]

Ben Ritner

#93863

Here is the css:

@media (max-width: 992px){
    #kad-banner .kad-header-left {
        width: 100%;
    }
    #kad-banner .kad-header-right {
        width: 100%;
    }
}

Ben

[Ben Ritner]

Ben Ritner

#93722

Your wanting to change the shrinking of just the logo image?

You can use css like this:

body #kad-banner #logo .kad-standard-logo, body #kad-banner #logo .kad-retina-logo {
    min-height: 80px;
}

Ben

[Ben Ritner]

Ben Ritner

#93705

Hey,
When you uploaded the banner image or add it in the theme options you are settings the http protocol. So make sure your admin is ssl (I would assume that would be the case if you are using ssl at all). Then re add the image and it will load ssl.

Ben

[Solace]

Solace

#93659

Hi Ben

Would it be easy enough for you to modify the way the virtue_sitewide_banner is displayed? I feel the theme would benefit from it 🙂

I’m using one and it’s great but of course the SSL security fails on secure pages because the virtue banner is not calling https – instead it’s calling just the http protocol.

Is there any easy fix other than messing with the header files to hard code an https ?

And I don’t really want to install a plugin just for one banner image!

Thank you in advance
Yours
Sol

[Solace]

Solace

#93659

Hi Ben

Would it be easy enough for you to modify the way the virtue_sitewide_banner is displayed? I feel the theme would benefit from it 🙂

I’m using one and it’s great but of course the SSL security fails on secure pages because the virtue banner is not calling https – instead it’s calling just the http protocol.

Is there any easy fix other than messing with the header files to hard code an https ?

And I don’t really want to install a plugin just for one banner image!

Thank you in advance
Yours
Sol

[Allan]

Allan

#93274

Hi Hannah
I’d like to hide the logo on my home page as well. I wanted a banner at the top of the page (done using the revolution slider) and obviously it will look bad if I make a smaller version of that and it repeats on the same page. The link is http://allanjackson.net/.
Thanks
Allan

[Glyn]

Glyn

#93207

Hi
I need to “unbrand” a couple of pages in a client site so that the site wide banner and menu are hidden. Is it possible?
Cheers

[Glyn]

Glyn

#93207

Hi
I need to “unbrand” a couple of pages in a client site so that the site wide banner and menu are hidden. Is it possible?
Cheers

[Ben Ritner]

Ben Ritner

#93165

Ok, Add your slider through the theme options > home slider.

Then add this css:

.home header#kad-banner, .home footer#containerfooter, .home #content {
    display: none;
}

Ben

[Ben Ritner]

Ben Ritner

#93126

jQuery(document).ready(function ($) {
$('.stickyheader #kad-banner').imagesLoadedn( function() {
// Your stuff //
}
}

That should do it. Load this in the footer after the theme plugins file.

Ben

[Marc]

Marc

#93081

is it possible to hide a banner at 1 page?

[Marc]

Marc

#93081

is it possible to hide a banner at 1 page?

[Kevin]

Kevin

#93013

@media (max-width: 992px){
.kad-header-left {
    width: 100%;
}
.trans-header #kad-banner #logo .kad-lg {
    margin: 0 auto;
    background-position: center center !important;
}
.kad-header-right {
    position: absolute;
    right: 0px;
    z-index: 1000;
}
}

Give this css a try maybe it’s what you are thinking.

[Kevin]

Kevin

#92348

Hey! Here is some CSS that I was able to come up with. Give it a try and let me know if it works for you!

@media (min-width: 1200px) {
.kad-header-left {
    width: 20%;
}

.kad-header-right {
    width: 80%;
}

div#kad-banner-sticky-wrapper {
    max-height: 80px;
  }
}

@media (min-width: 992px) {
.kad-header-left {
    width: 15%;
}

.kad-header-right {
    width: 85%;
}

.kad-header-style-basic .kad-primary-nav ul.sf-menu>li.sf-dropdown>a {
    padding-left: 0;
 }
 
div#kad-banner-sticky-wrapper {
    max-height: 80px;
  }
}

Remember to copy and paste the code from the forum to Theme Options> Custom CSS.

Hope that helps!

[Xuan]

Xuan

#91854

Alright, it is all in my custom css (I use child theme)

.topbarmenu ul li a {
font-size: 15px;
font-weight: 500;
font-style: normal;
}

.footernav ul li a {
font-size: 14px;
}

.widget_nav_menu ul li a {font-size:17px}
.widget_nav_menu ul li a { font-weight:500}
.sidebar .widget-inner li.sf-dropdown > a {
font-weight: bold;
}
.widget_nav_menu ul li a {color:#333;}

.home .virtue_banner {
display: none;
}
.page-id-31 .virtue_banner {
display: none;
}

.topbar-widget .virtue_social_widget {
float:right;
margin-left: 30px;
}

.form-search{
width: 180px;
}
#topbar-search form{
float: right;
margin-left: 15px;
}

#content .main {float:right;}

#kadbreadcrumbs {
float: none;
text-align: left;
font-size: 16px;
line-height: 16px;
}

.post-type-archive-product div#kadbreadcrumbs {
position: absolute;
left: 0px;
top: 60px;
}

.post-type-archive-product .page-header .col-md-6 {position:static;}
.post-type-archive-product .page-header {position:relative;}

.post-type-archive-product .page-header h1.page-title {margin-bottom:35px;}

[Pamela]

Pamela

#91584

Hi Ben and Hannah,
I’ve used Virtue: Image for making a full-width stretched banner. This looks nice in pads and desktops, but in mobiles portrait mode the image has not enought height. How can I fix this?

[Pamela]

Pamela

#91584

Hi Ben and Hannah,
I’ve used Virtue: Image for making a full-width stretched banner. This looks nice in pads and desktops, but in mobiles portrait mode the image has not enought height. How can I fix this?

[Ben Ritner]

Ben Ritner

#91460

I can’t seemt to be able to recreate…

Try this css though it’s a guess but about the only thing I can think of. Make sure to clear your cache.

@media only screen and (device-width: 768px) {
.stickyheader #kad-banner {
    position: relative !important;
}
}

Ben

[Hannah]

Hannah

#91247

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

@media (max-width: 768px) {
.trans-header #kad-banner {
    position: static;
}
}

Does that work for you?

Hannah

[Ben Ritner]

Ben Ritner

#91053

Try this css let me know if it’s what your thinking:

@media (max-width: 992px){
.kad-header-right {
   position:absolute;
   top:0;
   left:0
}
.kad-header-left {
    width: 100%;
}
.kad-header-style-basic #logo {
    margin: 0 auto;
}
body #kad-banner #logo .kad-lg {
    background-position:center center !important;
}
#kad-shrinkheader {
    position: relative;
}
#kad-shrinkheader .nav-trigger-case .kad-navbtn {
    float:left;
}
}

Ben

[Hannah]

Hannah

#91018

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

@media (max-width: 768px) {
body #kad-banner #logo .kad-retina-logo {
    float: left;
    padding: 5px;
}
}

Hope that helps!
Hannah