Search Results for 'banner'

[Ben Ritner]

Ben Ritner

#56145

so you would remove the css you have from above and add this:

@media (max-width: 768px){
    .topclass {
    position: fixed;
    width: 100%;
    top 0;
    top: 0;
    z-index: 1000;
}
#kad-banner {
    padding-top: 35px;
    position: relative !important;
}
}

Ben

[Antoine]

Antoine

#56019

Hello Ben,

Since the new update, my CSS code does not work well about my widget “image menu”. It is very strange because it works if I try directly the code on the page.
Just a part of my code is now respected here : *Login to see link (just the color of the title and its position + the border under it).

Here my code :
.home-message h4 {
color: #333333;
padding: 6px 0px;
background: rgba(255,255,255,0.8);
}
.home-message h4:after { /* hide border under the title */
display: none;
}

.infobanner .home-message { /* Container - Texte */
vertical-align: bottom;
}

[Antoine]

Antoine

#56019

Hello Ben,

Since the new update, my CSS code does not work well about my widget “image menu”. It is very strange because it works if I try directly the code on the page.
Just a part of my code is now respected here : *Login to see link (just the color of the title and its position + the border under it).

Here my code :
.home-message h4 {
color: #333333;
padding: 6px 0px;
background: rgba(255,255,255,0.8);
}
.home-message h4:after { /* hide border under the title */
display: none;
}

.infobanner .home-message { /* Container - Texte */
vertical-align: bottom;
}

[Hannah]

Hannah

#55952

Hi Sarah,
You can use this css to remove the page title side-wide:

h1.entry-title {
    display: none;
}

You would just paste that in your custom css box in Theme Options > Advanced Settings.

There isn’t really a default way to add a full width image below the header site-wide. One option is to use the virtue banner (theme options > main settings) then add this css to make it fullwidth:

.virtue_sitewide_banner {
width: 100%;
}
.sf-menu a {
padding: 10px 30px;
}

Does that work for you?

Hannah

[Hannah]

Hannah

#55861

1. That’s your Mobile Menu Background. You can set this in Theme Options > Advanced Styling.

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

.trans-header #kad-banner #logo .kad-standard-logo-tranbg {
    background: transparent;
}

Hope that helps!

Hannah

[Hannah]

Hannah

#55805

Hi Nathan,
The image menu item caption and description pull from your h4 and h5 settings (Theme Options > Typography). You can change the colors with this css:

.home-message h4 {
    color: #000;
}
.home-message h5 {
    color: #000;
}

Paste that in your custom css box in Theme Options > Custom CSS.
You can use this css to align the text at the bottom of the image:

.infobanner .home-message {
    vertical-align: bottom;
}

Hope that helps!

Hannah

[Tuah]

Tuah

#55762

Yes its work. TQ, anyway how to combine this two css as one…

.page-id-2554 header.banner{
display: none;
padding-top:0px;
}
.page-id-2554 #containerfooter {
display: none;
}

[Tuah]

Tuah

#55745

Hi, I am using plugin from Optimizepress for my landing pages, i use below css to disable header & footer in the landing page, it works only for header, footer still display, please help me for correct css to disable footer the footer

.page-id-2554 header.banner, page-id-2554#containerfooter{
display: none;
padding-top:0px;
}

thank you.

[Tuah]

Tuah

#55745

Hi, I am using plugin from Optimizepress for my landing pages, i use below css to disable header & footer in the landing page, it works only for header, footer still display, please help me for correct css to disable footer the footer

.page-id-2554 header.banner, page-id-2554#containerfooter{
display: none;
padding-top:0px;
}

thank you.

[Ben Ritner]

Ben Ritner

#55634

You would have to use css like this

.homeitemcount1, .homeitemcount2, .homeitemcount3 {
    padding: 0 3px;
}
.infobanner {
    background-size: cover !important;
}

Don’t edit column classes.

Ben

[Ben Ritner]

Ben Ritner

#55358

Add this css:

#kad-banner {
    height: auto !important;
}

Ben

[Ben Ritner]

Ben Ritner

#55302

Ok your wanting the whole header to stick on mobile? That will take up a lot of the screen for mobile?

You can add this css:

@media (max-width: 768px){
    #kad-banner {
    position: fixed !important;
    width: 100%;
    z-index: 1000;
}

.wrap.contentclass {
    padding-top: 145px !important;
}
}

Ben

[Hannah]

Hannah

#55277

Hey,
There isn’t an easy way to move the search below the banner. One option would be to add the product search widget to the content area on your shop page through page builder. Or to just make it larger you can add this to your custom css box in Theme Options > Advanced Settings:

@media (min-width: 992px) {
.form-search .search-query {
    width: 400px;
    height: 40px;
    font-size: 20px
}
#searchform [class^=icon-] {
    font-size: 20px;
}
}

Hope that helps!
Hannah

[Horst]

Horst

#55244

This forum has already solved many of my problems, so thanks to everybody involved. Couldn’t find a solution for this, though (I’m not an expert in CSS etc.):

I would like to have a product search box right above my products (as much as possible – right below the sitewide banner would be good enough. I’m now using the header widget area, which I would like to move to a lower position.
*Login to see link

1. Is that possible?

2. Is there a way to change the size of the widget (make larger, esp, wider)? Ideally it would be at least as large as the search box of Amazon. In this case it wouldn’t even matter if the box was above the banner or even above the menus. So no. 2 is the more important issue.

Thanks for any help!

[Horst]

Horst

#55244

This forum has already solved many of my problems, so thanks to everybody involved. Couldn’t find a solution for this, though (I’m not an expert in CSS etc.):

I would like to have a product search box right above my products (as much as possible – right below the sitewide banner would be good enough. I’m now using the header widget area, which I would like to move to a lower position.
*Login to see link

1. Is that possible?

2. Is there a way to change the size of the widget (make larger, esp, wider)? Ideally it would be at least as large as the search box of Amazon. In this case it wouldn’t even matter if the box was above the banner or even above the menus. So no. 2 is the more important issue.

Thanks for any help!

[Hannah]

Hannah

#55189

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

.container.virtue_sitewide_banner {
    text-align: center;
}

Hannah

[Peggy]

Peggy

#55165

Great template but you’d think there would be an option where you upload the sitewide banner to center it.

How do I center the sitewide banner?

*Login to see link

[Peggy]

Peggy

#55165

Great template but you’d think there would be an option where you upload the sitewide banner to center it.

How do I center the sitewide banner?

*Login to see link

[Antoine]

Antoine

#54742

Hello,

For the mobile menu, the three line menu displays on the content : *Login to see link . So it is more difficult to see according to the background content

Is it possible to place the three line menu into a top menu above the content, such as a banner ?

I am not sure that it is very clear…

Thanks !

[Antoine]

Antoine

#54742

Hello,

For the mobile menu, the three line menu displays on the content : *Login to see link . So it is more difficult to see according to the background content

Is it possible to place the three line menu into a top menu above the content, such as a banner ?

I am not sure that it is very clear…

Thanks !

[Kjersti]

Kjersti

#54268

Hi – I am also having issues with the revolutionslider since your latest update.

I was using the revolution slider on my site, but after the latest theme update today – it just dissapeared…
I Had to replace it with a temporary cyclone slider banner…

Is this a compatibility issue which will be fixed soon?
or will I have to make a new slider in another slider plugin?

My site: http://leidinni.no/

PS!
All plugins and WP i up to date 🙂

Thank you

[Gary]

Gary

#54005

That was fantastic.

The only other complaint I have is that the from page loads too slow with will cause a lot of bounces. It there any way to make things load faster? especially the banner?

[John]

John

#53685

I uploaded the wrong image… the site now has the banner that I want and the sidebar gone…

Just want to change the image that the arrow is pointing at.

[Ben Ritner]

Ben Ritner

#53206

Hey,
You can’t have a pagebuilder row above your menu.

If you would like I can add padding to the header (send a login) or you can just use straight css.

There is nothing different in this from free to premium. Both are supposed to have a logo and menu in the header if you don’t then there is nothing that would hold it up unless you add padding.

Here is css:

#kad-banner > .container {
    min-height: 200px;
}

Ben

[Ben Ritner]

Ben Ritner

#53104

Hey,
In your custom css you need to update this with the new images:

@media
 (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .homeitemcount1 .infobanner {
        background: url('http://www.coconut-couture.com/wp-content/uploads/2015/05/imagemenuoutfits.jpg') !important;
        background-size: cover !important;
    }
    .homeitemcount2 .infobanner {
        background: url('http://www.coconut-couture.com/wp-content/uploads/2015/05/imagemenutravel.jpg') !important;
        background-size: cover !important;
    }
}

Ben