Search Results for 'banner'

[Chris]

Chris

#80105

Hi,

How do I remove the basket and shop search page from the home page? I am using page builder and cannot find how to remove these. The shop is only for restricted users not the general public but all other pages on the site are for the general public.

How do I set everything to fit within the banner width on the page? *Login to see link

Sorry if this has been posted twice, I asked for help on Friday but can’t find the post now or see any replies.

Thanks in advance for your help and time,

[Chris]

Chris

#80105

Hi,

How do I remove the basket and shop search page from the home page? I am using page builder and cannot find how to remove these. The shop is only for restricted users not the general public but all other pages on the site are for the general public.

How do I set everything to fit within the banner width on the page? *Login to see link

Sorry if this has been posted twice, I asked for help on Friday but can’t find the post now or see any replies.

Thanks in advance for your help and time,

[Karisma]

Karisma

#79976

Hi,

I am loving the Kadence slider…one small issue on mobile, the image doesn’t shrink or resize. For example *Login to see link I want my face to show but at the moment its cropped off. Not sure how to get the whole image to resize to fit the area rather then cropped off.

Hope that makes sense!

Would be grateful for assistance.

Karisma

[Karisma]

Karisma

#79976

Hi,

I am loving the Kadence slider…one small issue on mobile, the image doesn’t shrink or resize. For example *Login to see link I want my face to show but at the moment its cropped off. Not sure how to get the whole image to resize to fit the area rather then cropped off.

Hope that makes sense!

Would be grateful for assistance.

Karisma

[Ben Ritner]

Ben Ritner

#79577

Hey,
1. What device are you using? I can’t get the orange to show. Have you cleared the cache on your device?

2. Go into your settings > pagebuilder. Click on the layout tab. Make your “Row Bottom Margin” 0.

3. I don’t see that you have added this… I posted this in your previous topic:

.infobanner {margin:0}

You need that and you need to set the widget styles to have margin:0;

4. Don’t set the parallax based on the widget.. use the row and it will automatically work on mobile see here: https://www.kadencewp.com/using-page-builder-virtue-premium/

Ben

[Ben Ritner]

Ben Ritner

#79348

Here is the css:

.infobanner .home-message {   
 -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    -ms-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

Ben

[Ben Ritner]

Ben Ritner

#79308

Hey,
Looks like your trying to attach images from google mail. Please use a sharing site like http://tinygrab.com/

1. I’m not needing orange? What device?
2. Unfortunately I need more specific then that? I assume though you are using pagebuilder and you can change the padding of rows right in your page builder row edit settings.

3. In terms of what the theme adds this css:

.infobanner {margin:0}

If your using page-builder you will need to remove the bottom margin in the widget settings.

4.

.home-message h4, .home-message h5 {
    font-family: arial;
    color: blue;
}

5. That if your theme options > basic styling… Primary color.

6.

.pinnacle_calltoaction_widget h2 {
    font-family: arial;
    font-size: 20px;
}
.pinnacle_calltoaction_widget h5 {
    font-family: arial;
    font-size: 20px;
}

7. Theme options > basic styling primary colors will change your colors.
You can set the text in the widget itself.

8. Parallax is already turned off on mobile. When you set it to parallax on desktop through page builder it will already switch to cover on mobile.

Ben

[Nadejda Jastrjembskaia]

Nadejda Jastrjembskaia

#78220

Hi Ben,

Before I ask a next question I wish to let you know that your customer service is great! You answered all questions I had before.

I have to use banners on site, so I came to a situation when logo compete with banner.

Please help me to put logo (small one!) just next to the phone number or to the name of the company.

*Login to see link

Thank you!

[Nadejda Jastrjembskaia]

Nadejda Jastrjembskaia

#78220

Hi Ben,

Before I ask a next question I wish to let you know that your customer service is great! You answered all questions I had before.

I have to use banners on site, so I came to a situation when logo compete with banner.

Please help me to put logo (small one!) just next to the phone number or to the name of the company.

*Login to see link

Thank you!

[Mike]

Mike

#78037

Hi,
On this site… akrasprint.com, I’m having problems with the sidebar shrinking and looking bad on mobile. When I add the css @media (min-width: 992px) It fixes it, but then makes other css code not function properly. For example, in my woocommerce shop page, I have hidden the price for products, and when I add the @media (min-width: 992px) code the price will appear again when viewing the site in mobile version.

So essentially the @media (min-width: 992px) code fixes the sidebar mobile problem, but creates another problem with the pricing being shown on my store.

Do you know what I’m missing? Here is all my custom css.. thanks.

@media (min-width: 992px) {
.page-header > h1 {
font-size: 0;
line-height: 2px;
margin: 0;
}
.post-header > h1 {
font-size: 0;
line-height: 2px;
margin: 0;
}
#kadbreadcrumbs {
font-size: 14px; padding-top: 35px; padding-right: 30px; padding-bottom:15px;
}
.category .2015-2016-News #kadbreadcrumbs {
font-size: 14px; position: absolute; padding-top: 25px; padding-right: 40px;
}
.main.col-lg-9 {
width: 78%;
}
.kad-sidebar.col-lg-3 {
width: 22%;
}
.tw-recent-posts .excerpt {
padding-bottom:25px;
}
.tw-recent-posts .excerpt {
border-bottom: solid 1px #0F2674;
}
.tw-recent-posts h4 {
padding-top: 25px;
}
.panel-grid-cell .widget-title {
display:none;
}
.kad-sidebar {
background-color: #f2f2f2;
padding: 5px 30px 30px 30px;
}
.main.col-lg-9 {
width: 73%;
}
.kad-sidebar.col-lg-3 {
width: 27%;
}
.sidebar {
border-radius: 10px;
}
#topbar{
border-radius: 5px;
}
.kad-banner {
padding-top:30px;
}
.single-article .post .entry-title {
padding-top: 40px;
}
.single-article .post .entry-title {
padding-top: 40px;
}
.topbarmenu ul li a {
color: #000000;
}
#topbar-search input[type=text], #topbar-search #searchsubmit {
color: #000;
}
#topbar-search .form-search ::-webkit-input-placeholder {
color: #000;
}
#topbar-search .form-search ::-moz-placeholder {
color: black;
}
#topbar-search .form-search :-ms-input-placeholder {
color: black;
}
#topbar-search input[type=text] {
border: 1px solid #000;
}
#nav-main {
background-color:#f2f2f2;
}
#nav-main ul.sf-menu>li>a {
border-right: 1px solid #000;
}
#nav-main ul.sf-menu>li:last-child > a {
border: none;
}
#nav-main ul.sf-menu>li:first-child > a {
border-left: none;
}
.product_item .price {
display:none;
}
.product_item .notrated {
display:none;
}
.senior-masters .summary .price {
display:none;
}
.woocommerce .quantity
input.qty {
display:none;
}
.post-384 .summary .price {
display:none;
}
.post-386 .summary .price {
display:none;
}
.post-387 .summary .price {
display:none;
}
.post-246 .summary .price {
display:none;
}
.post-243 .summary .price {
display:none;
}
.post-286 .summary .price {
display:none;
}
.post-285 .summary .price {
display:none;
}
.post-284 .summary .price {
display:none;
}
.post-243 .summary .price {
display:none;
}
.post-330 .summary .price {
display:none;
}
.post-360 .summary .price {
display:none;
}
.post-361 .summary .price {
display:none;
}
#nav-second ul.sf-menu {
padding-top:15px;
}
.home #nav-second ul.sf-menu {
display:none;
}
.about #nav-second ul.sf-menu {
display:none;
}
.classes #nav-second ul.sf-menu {
display:none;
}
.schedules #nav-second ul.sf-menu {
display:none;
}
.florida-pro-kart-series-classes #nav-second ul.sf-menu {
display:none;
}
.contact #nav-second ul.sf-menu {
display:none;
}
.category-2015-2016-news #nav-second ul.sf-menu {
display:none;
}
.shop #nav-second ul.sf-menu {
display:none;
}
.woocommerce
input.input-text,
form.checkout
input.input-text {
width:50%;
}
.checkout .woocommerce
input.input-text,
form.checkout
input.input-text {
width:100%;
}
#nav-main {
border-radius:5px;
}

[Mike]

Mike

#78037

Hi,
On this site… akrasprint.com, I’m having problems with the sidebar shrinking and looking bad on mobile. When I add the css @media (min-width: 992px) It fixes it, but then makes other css code not function properly. For example, in my woocommerce shop page, I have hidden the price for products, and when I add the @media (min-width: 992px) code the price will appear again when viewing the site in mobile version.

So essentially the @media (min-width: 992px) code fixes the sidebar mobile problem, but creates another problem with the pricing being shown on my store.

Do you know what I’m missing? Here is all my custom css.. thanks.

@media (min-width: 992px) {
.page-header > h1 {
font-size: 0;
line-height: 2px;
margin: 0;
}
.post-header > h1 {
font-size: 0;
line-height: 2px;
margin: 0;
}
#kadbreadcrumbs {
font-size: 14px; padding-top: 35px; padding-right: 30px; padding-bottom:15px;
}
.category .2015-2016-News #kadbreadcrumbs {
font-size: 14px; position: absolute; padding-top: 25px; padding-right: 40px;
}
.main.col-lg-9 {
width: 78%;
}
.kad-sidebar.col-lg-3 {
width: 22%;
}
.tw-recent-posts .excerpt {
padding-bottom:25px;
}
.tw-recent-posts .excerpt {
border-bottom: solid 1px #0F2674;
}
.tw-recent-posts h4 {
padding-top: 25px;
}
.panel-grid-cell .widget-title {
display:none;
}
.kad-sidebar {
background-color: #f2f2f2;
padding: 5px 30px 30px 30px;
}
.main.col-lg-9 {
width: 73%;
}
.kad-sidebar.col-lg-3 {
width: 27%;
}
.sidebar {
border-radius: 10px;
}
#topbar{
border-radius: 5px;
}
.kad-banner {
padding-top:30px;
}
.single-article .post .entry-title {
padding-top: 40px;
}
.single-article .post .entry-title {
padding-top: 40px;
}
.topbarmenu ul li a {
color: #000000;
}
#topbar-search input[type=text], #topbar-search #searchsubmit {
color: #000;
}
#topbar-search .form-search ::-webkit-input-placeholder {
color: #000;
}
#topbar-search .form-search ::-moz-placeholder {
color: black;
}
#topbar-search .form-search :-ms-input-placeholder {
color: black;
}
#topbar-search input[type=text] {
border: 1px solid #000;
}
#nav-main {
background-color:#f2f2f2;
}
#nav-main ul.sf-menu>li>a {
border-right: 1px solid #000;
}
#nav-main ul.sf-menu>li:last-child > a {
border: none;
}
#nav-main ul.sf-menu>li:first-child > a {
border-left: none;
}
.product_item .price {
display:none;
}
.product_item .notrated {
display:none;
}
.senior-masters .summary .price {
display:none;
}
.woocommerce .quantity
input.qty {
display:none;
}
.post-384 .summary .price {
display:none;
}
.post-386 .summary .price {
display:none;
}
.post-387 .summary .price {
display:none;
}
.post-246 .summary .price {
display:none;
}
.post-243 .summary .price {
display:none;
}
.post-286 .summary .price {
display:none;
}
.post-285 .summary .price {
display:none;
}
.post-284 .summary .price {
display:none;
}
.post-243 .summary .price {
display:none;
}
.post-330 .summary .price {
display:none;
}
.post-360 .summary .price {
display:none;
}
.post-361 .summary .price {
display:none;
}
#nav-second ul.sf-menu {
padding-top:15px;
}
.home #nav-second ul.sf-menu {
display:none;
}
.about #nav-second ul.sf-menu {
display:none;
}
.classes #nav-second ul.sf-menu {
display:none;
}
.schedules #nav-second ul.sf-menu {
display:none;
}
.florida-pro-kart-series-classes #nav-second ul.sf-menu {
display:none;
}
.contact #nav-second ul.sf-menu {
display:none;
}
.category-2015-2016-news #nav-second ul.sf-menu {
display:none;
}
.shop #nav-second ul.sf-menu {
display:none;
}
.woocommerce
input.input-text,
form.checkout
input.input-text {
width:50%;
}
.checkout .woocommerce
input.input-text,
form.checkout
input.input-text {
width:100%;
}
#nav-main {
border-radius:5px;
}

[Jessica]

Jessica

#77738

I love the premium upgrade. I have been trying to lessen the space above my new parallax banners on full width posts all day. I completely went through my themes custom css to see if the gap was some kind of padding or margin that I added before, and then I tried every CSS snippet I could find on other topics. I also thought it might be the spacing on the page builder but it can’t be the page builder settings because the same banner shows up exactly how I want on pages. So the extra space is entirely post related and appears to be there because of head content but I can’t figure it out and I am now at my wits end as to what I am missing.

This page is an example of how much space I want above my title banner: *Login to see link

And this post shows the space that I am trying to bring upwards: *Login to see link

I am also trying to remove the grey line and spacing on the bottom of post pages.

[Jessica]

Jessica

#77738

I love the premium upgrade. I have been trying to lessen the space above my new parallax banners on full width posts all day. I completely went through my themes custom css to see if the gap was some kind of padding or margin that I added before, and then I tried every CSS snippet I could find on other topics. I also thought it might be the spacing on the page builder but it can’t be the page builder settings because the same banner shows up exactly how I want on pages. So the extra space is entirely post related and appears to be there because of head content but I can’t figure it out and I am now at my wits end as to what I am missing.

This page is an example of how much space I want above my title banner: *Login to see link

And this post shows the space that I am trying to bring upwards: *Login to see link

I am also trying to remove the grey line and spacing on the bottom of post pages.

[Kevin]

Kevin

#77671

Alright, sorry if I’m not as on top of this issue as I should be. Monday…

You need to disable the Shrink Menu if you’re wanting the size to stay consistent as you’re scrolling through your page.

What is the .trans-header CSS for?

I would try temporarily removing all of the above CSS but the code below, change the shrink menu to off, then save it so I can see how it’s acting on all of the browsers.

#kad-banner {
    background: rgba(255, 255, 255, 0.8);
}

[Mark]

Mark

#77660

Can’t seem to get it to work anywhere now =(

I’ve tried all combinations of the following but not getting it to work, I also have Enable Stick Header, Enable Shrink Header on with Enable Transparent header until scrolled off in Site Header and Header Background Style – Simple, Header Background Color – #ffffff and If background is color, select Transparency – 0.8.

All the custom CSS I have is;

.centrebox {
margin-left: auto;
margin-right: auto;
max-width: 800px;
text-align: center;
}
.trans-header{
/* CSS3 */
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}

.headerclass {
background: rgba(255, 255, 255, 0.8);
}
html body .is-sticky .headerclass {
background: rgba(255, 255, 255, 0.8);

}
#kad-banner {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%;
}

What if any of the above do I need?

FYI The .centrebox is to help with the logo positioning.

[Kevin]

Kevin

#77645

I got it to work on Safari, Chrome, as well as Firefox with this CSS.

#kad-banner {
    background: rgba(255, 255, 255, 0.8);
}

I hope this solves it for you!

[Ben Ritner]

Ben Ritner

#77610

1. Add this css to the theme options > advanced settings:

.home .sliderclass, .home .contentclass {
    padding-bottom: 0;
}
footer#containerfooter {
    padding-top: 0;
    position: relative;
}
#containerfooter .virtue_social_widget a {
    background: transparent;
    color: black;
}
.footercredits {
    position: absolute;
    right: 20px;
    bottom: 0;
    padding-bottom: 0;
}

#containerfooter .virtue_social_widget {
    padding-bottom: 10px;
}

2. In your settings > reading. Make sure no page is selected as your “posts page” just leave that area blank. Don’t select a page.
Then in your blog page use the “blog grid” page template and save.

3. Do you mean the logo tagline?
4. You can add this css:

header#kad-banner {
    border-bottom: 1px solid #eee;
}
.wrap.contentclass {
    padding-top: 20px;
}
.sliderclass {
    margin-top: 0;
}

Ben

[Ricci]

Ricci

#77490

Hello,
My website when I open it in the mobile version the menu is not displayed. Leaving only the logo in the left corner. I am using this CSS to custom. Can you help me please.
thank you

.hometitle {
text-transform:uppercase;
border-top:0px solid #eee;border-bottom:1px solid #eee;border-color:rgba(0,0,0,.05);padding-bottom:8px;margin:0 0 20px;padding-top:8px
}
.boxi1 {
margin-bottom: 20px;
text-align: center;
padding: 15px 0 1px;
background: #f2f2f2;
}
.boxi1 div {
font-size: 28px;
}
.single-portfolio.postid-192 .pcfull .entry-content {
margin-top: 0;
}
.revslider_home_hidetop {
margin-top: -15px;
}

@media (min-width: 767px) {#logo{text-align:left;}}
.headerclass {
background: rgba(0,0,0,.9);
}
.page-id-416 .wrap.contentclass {
padding-top:34px !important;
}
.page-id-416 .headerclass {
background: rgba(0,0,0,.6);
}

@media (max-width: 767px) {
.kad-header-style-three #logo #thelogo { display:table-cell;}
}
.kad-standard-logo {
background: url(‘/site/wp-content/uploads/2015/12/logoCompet.png’) no-repeat center center;
background-size: contain
}
.kadfooterlogo {color:#555555;}
#topbar #kad-mobile-nav {
margin-top: 0px;
}
.page-header .kt_product_toggle_container {
margin-top: 16px;
}
#kad-banner-sticky-wrapper {
background: #fff;
}
.single-product .contentclass {
padding-top: 0;
}

[Ricci]

Ricci

#77490

Hello,
My website when I open it in the mobile version the menu is not displayed. Leaving only the logo in the left corner. I am using this CSS to custom. Can you help me please.
thank you

.hometitle {
text-transform:uppercase;
border-top:0px solid #eee;border-bottom:1px solid #eee;border-color:rgba(0,0,0,.05);padding-bottom:8px;margin:0 0 20px;padding-top:8px
}
.boxi1 {
margin-bottom: 20px;
text-align: center;
padding: 15px 0 1px;
background: #f2f2f2;
}
.boxi1 div {
font-size: 28px;
}
.single-portfolio.postid-192 .pcfull .entry-content {
margin-top: 0;
}
.revslider_home_hidetop {
margin-top: -15px;
}

@media (min-width: 767px) {#logo{text-align:left;}}
.headerclass {
background: rgba(0,0,0,.9);
}
.page-id-416 .wrap.contentclass {
padding-top:34px !important;
}
.page-id-416 .headerclass {
background: rgba(0,0,0,.6);
}

@media (max-width: 767px) {
.kad-header-style-three #logo #thelogo { display:table-cell;}
}
.kad-standard-logo {
background: url(‘/site/wp-content/uploads/2015/12/logoCompet.png’) no-repeat center center;
background-size: contain
}
.kadfooterlogo {color:#555555;}
#topbar #kad-mobile-nav {
margin-top: 0px;
}
.page-header .kt_product_toggle_container {
margin-top: 16px;
}
#kad-banner-sticky-wrapper {
background: #fff;
}
.single-product .contentclass {
padding-top: 0;
}

[Jayzeebe]

Jayzeebe

#77350

This reply has been marked as private.

[Marc]

Marc

#76421

I just made a banner copied size of demo template but it will show different in website
this is a screenshot link of the banner i upload:
*Login to see link

but when i look at the website the banner looks like this:
*Login to see link

what am i doing wrong?
what are the best pixel height en weight?

[Marc]

Marc

#76421

I just made a banner copied size of demo template but it will show different in website
this is a screenshot link of the banner i upload:
*Login to see link

but when i look at the website the banner looks like this:
*Login to see link

what am i doing wrong?
what are the best pixel height en weight?

[Marc]

Marc

#76411

no i cant , but you can see the whole banner at the link i supplied.
the logo is on the left grey with blue

[Greg]

Greg

#76074

Hi Ben,

I am wanting to place an existing Rev Slider banner above the blog content on blog post pages, in the same way that I have it on all of my regular pages thought the Feature Page Options. Is there an option for this on Blog posts? Am I just missing it?

Thanks!
Greg

[Greg]

Greg

#76074

Hi Ben,

I am wanting to place an existing Rev Slider banner above the blog content on blog post pages, in the same way that I have it on all of my regular pages thought the Feature Page Options. Is there an option for this on Blog posts? Am I just missing it?

Thanks!
Greg

[Hannah]

Hannah

#75891

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

.stickyheader.trans-header #kad-banner {
    background: rgba(255,255,255,.2);
}

Does that work for you?

Hannah

[Francis]

Francis

#75474

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#75052

Just update the css to this:

.topclass {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
.admin-bar .topclass {
    top: 32px;
}
#kad-banner {
    padding-top: 35px;
}

Ben