Search Results for 'banner'

[Ben Ritner]

Ben Ritner

#229537

If you want to squash the items or make them smaller you can use css like this:

@media (max-width: 1200px){
    #kad-banner #nav-second ul.sf-menu>li>a {
        padding: 10px 5px;
        font-size: 16px;
    }
    #kad-banner #nav-second ul.sf-menu>li>a.sf-with-ul {
        padding: 10px 15px 10px 5px;
    }
}

Add to the bottom of your child theme css file.

Ben

[vadimkrj]

vadimkrj

#229497

Dear friends! Thank you for your slider! It’s very nice! But how can I switch the slider to show slides in a random order every time I go to the site? It’s very important for advertising purpose and site looking fresh every time! A have another plugin “Ditty news tracker” and its very easy to switch this function there. Examples of my sites with slider pro: *Login to see link *Login to see link *Login to see link Thank you

[vadimkrj]

vadimkrj

#229497

Dear friends! Thank you for your slider! It’s very nice! But how can I switch the slider to show slides in a random order every time I go to the site? It’s very important for advertising purpose and site looking fresh every time! A have another plugin “Ditty news tracker” and its very easy to switch this function there. Examples of my sites with slider pro: *Login to see link *Login to see link *Login to see link Thank you

[Ben Ritner]

Ben Ritner

#229436

1. I gave you css to add in the custom CSS box, the specificity is different if you are adding to a child theme. Update your first css to this:

#kad-banner #nav-second ul.sf-menu>li>a {
    width: auto;
    padding: 10px;
}

#kad-banner #nav-second ul.sf-menu>li {
    width: auto;
    display: inline-block;
    float: none;
}

#kad-banner #nav-second ul.sf-menu>li>a.sf-with-ul {
    padding: 10px 20px 10px 10px;
}

#kad-banner #nav-second ul.sf-menu {
    text-align: center;
}

3. It appears you are using a child theme and have overridden the header.php file ( I don’t suggest you do that) and you have not updated it to match the current version of the theme. You need to update your header.php file or remove it from your child theme. As a rule, don’t override files unless you specifically need to for some really important reason. Usually, there is a much better way to do whatever it is you want to do.

[phil2]

phil2

#229365

Thanks Ben,

This CPT doesn’t appear to have a method for setting the title background. (See image). I tried setting the custome field “ai1ec_banner_image to the file path and name of the required image but that didn’t work.

I have used your code to insert the featured image as the title background. For images that are too small, I will obtain a larger image.

But for images where I want them center center or center bottom, how would I adjust your code?
Thanks,
Phil.

[Ben Ritner]

Ben Ritner

#229163

It’s all a function of the plugin. The theme isn’t determining how that plugin loads.

You can use css like this:

#kad-banner .loading-wrap {
max-height: 170px;
overflow: hidden;
    visibility: hidden;
}

Ben

[Ben Ritner]

Ben Ritner

#229130

#kad-banner .loading-wrap {
max-height: 170px;
overflow: hidden;
}

You can use that css.

Ben

[Hannah]

Hannah

#229043

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

@media (max-width: 992px) {
#kad-banner .container {
    width: 100%;
    padding: 0;
}
.col-md-4.clearfix.kad-header-left {
    max-width: 1140px;
    padding: 0 50px;
}
}

Hope it helps!

Hannah

[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

#228322

This css should work for you:

@media (max-width: 992px) {
#kad-mobile-banner #mobile-logo.kad-mobile-logo-left a {
    text-align: center;
    display: inherit;
}
}

Just paste that into your custom css box in Theme Options > Custom CSS.
Hope it helps!

Hannah

[Mark]

Mark

#228247

Hello,

I recently implemented the below CSS to create a mobile header divider line:

.mobile-headerclass {
border-bottom: 1px solid #1ea38e;
}

This was in addition to the desktop divider line:

.headerclass {
border-bottom:1px solid #1ea38e;
}

However, now on various computers, I am experiencing a small 1px white stripe between the header divider line and content (particularly noticeable with search results, categories, tags, and banners, for example – *Login to see link This disappears when the CSS code for the mobile divider line is removed.

Any input would be greatly appreciated!

Thank you in advance!

Mark

[Mark]

Mark

#228247

Hello,

I recently implemented the below CSS to create a mobile header divider line:

.mobile-headerclass {
border-bottom: 1px solid #1ea38e;
}

This was in addition to the desktop divider line:

.headerclass {
border-bottom:1px solid #1ea38e;
}

However, now on various computers, I am experiencing a small 1px white stripe between the header divider line and content (particularly noticeable with search results, categories, tags, and banners, for example – *Login to see link This disappears when the CSS code for the mobile divider line is removed.

Any input would be greatly appreciated!

Thank you in advance!

Mark

[Ben Ritner]

Ben Ritner

#228175

Try adding this css and let me know if it’s better for you, I’m not sure I’m seeing it:

.stickyheader .sticky-wrapper #kad-banner {
    position: fixed;
    width: 100%;
}

Ben

[Jeremy]

Jeremy

#227213

Ben,

Weird issue here. If you hover over one of the social icons in the topbar, the kad-banner-sticky-wrapper section changes it height from 220px to 154px and causes the rest of the page content to shift up.

Any Ideas?

Jeremy

[Jeremy]

Jeremy

#227213

Ben,

Weird issue here. If you hover over one of the social icons in the topbar, the kad-banner-sticky-wrapper section changes it height from 220px to 154px and causes the rest of the page content to shift up.

Any Ideas?

Jeremy

[Ben Ritner]

Ben Ritner

#226568

Update your css to this:

.kad-header-menu-outer.headerclass, #kad-mobile-banner {
    box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}

Ben

[Ben Ritner]

Ben Ritner

#226450

.page-id-4768 #kad-banner #logo img {
    left: 50%;
    transform: translate(-50%, 0);
}

Add that,

Ben

[Hannah]

Hannah

#226435

You would just need to set a max-width. Like this:

.page-id-4768 #kad-banner #logo img {
    max-width: 180px;
}

Hannah

[Hannah]

Hannah

#226417

Hey Dean,
I’m seeing this in your css:

.page-id-4768 #kad-banner #logo img {
    content: url(https://www.rebeccagallagher.com/wp-content/uploads/2019/05/RG-Audio-Logo.jpg);
    max-height: 140px;
}

That max-height is squishing your image down. I suggest remove the max height, then adding this:

.page-id-4768 .kt-intrinsic-container-center {
    min-height: 240px;
}

Hope that helps!

Hannah

[Rocky]

Rocky

#225858

On my front page there is a zero in padding top and the banner is ok but in contacts if I put zero nothing.

[Rocky]

Rocky

#225820

Hi Hannah

Man I have tried everything possible in Post Title and Subtitle that I can think of to change the banner size nothing works. If I take the title name out it gets smaller. that is the only change I can make to the banner. any other suggestions

Thanks

Rocky

[Rocky]

Rocky

#225742

Hi Hannah

I had already downloaded Kadence Blocks and activated everything but didn’t know anything about it but since you mentioned it I have been reading tutorials and there are videos to watch I will have to get through the leaning curve.

There is something that I do need help with I just can’t figure it out. My banner on my home page is the right height but the rest of the pages it is real shiny. For instance here is the Home page https://denaliwindowcleaning.com/ Now here is another page https://denaliwindowcleaning.com/contact/

I uploaded that banner in page title under “Page Header Default Background” I have “Show the page title by default” turned on. I thought that anything you do in Theme Options changed on all of your pages.

Thanks for the help in advance.
Rocky

[Peggy]

Peggy

#224922

Hello,
I have a question about breadcrumb.
I wish I could create pages without using the title of the page (image + title of the page), because I would need a different image on each page of the site. Is there no way to put the breadcrumb under my banner that I created in each page? Because when I try, the breadcrumb is placed above my banner, so just below the logo and menu.
Thanks

[Peggy]

Peggy

#224922

Hello,
I have a question about breadcrumb.
I wish I could create pages without using the title of the page (image + title of the page), because I would need a different image on each page of the site. Is there no way to put the breadcrumb under my banner that I created in each page? Because when I try, the breadcrumb is placed above my banner, so just below the logo and menu.
Thanks