Search Results for 'banner'

[Francis]

Francis

#59552

Hello,

1. On all the pages, (besides the homepage), how can I remove the space beneath the top slider,
and also the grey line above the name of the product/ product category name etc.

2. How can I increase the top and bottom padding of the image menu, on the home page? ….( not by increasing the size of the images though)
and write text below the image menu, not on the images like it is possible at present ( preferably want the text to be clickable too).
The text will be part of the same image menu.

3.a] On the individual product pages, is it possible to have a slider or banner at the top of the page? I saw that there seems to be an option for a revolution slider, but I would prefer a simple cyclone slider or so…. I want it to be approx 200px or so …so that when the menu is dropped down, it does not cover the main contents of the page…. but may cover the slider, as it is in other pages.
b] On the other pages too , like ‘ FREQUENTLY ASKED QUESTIONS” etc, I can incorporate a slider below the page title and sub title . I would like it to be above them if possible.

[Francis]

Francis

#59552

Hello,

1. On all the pages, (besides the homepage), how can I remove the space beneath the top slider,
and also the grey line above the name of the product/ product category name etc.

2. How can I increase the top and bottom padding of the image menu, on the home page? ….( not by increasing the size of the images though)
and write text below the image menu, not on the images like it is possible at present ( preferably want the text to be clickable too).
The text will be part of the same image menu.

3.a] On the individual product pages, is it possible to have a slider or banner at the top of the page? I saw that there seems to be an option for a revolution slider, but I would prefer a simple cyclone slider or so…. I want it to be approx 200px or so …so that when the menu is dropped down, it does not cover the main contents of the page…. but may cover the slider, as it is in other pages.
b] On the other pages too , like ‘ FREQUENTLY ASKED QUESTIONS” etc, I can incorporate a slider below the page title and sub title . I would like it to be above them if possible.

[Ben Ritner]

Ben Ritner

#59472

Try adding this css in your theme options > custom css box:

.stickyheader #kad-banner{
max-height: 80px;
overflow:hidden;
}

Ben

[Ben Ritner]

Ben Ritner

#59462

I see it full beside a little padding on each side, add this:

#kad-banner > .container {
    padding: 0;
}

Ben

[Ben Ritner]

Ben Ritner

#59377

Hey,
1. The banner is part of the header. You can’t really separate. You can add an image into the top of your pages. Or I supposed if you turned off the sticky header in your options you can use this css:

@media (min-width: 992px){
#kad-banner > .container {
    position:fixed;
    top:0;
    z-index:1000;
    padding: 0;
    background-color: #000;
}
#kad-banner > .container.virtue_sitewide_banner {
    position: static;
    background-color: transparent;
    padding: 0;
}
}

2. Your image is only 1500px wide? You would need to upload a wider image if you want it to be full width on screens larger then 1500px.
Ben

[Francis]

Francis

#59323

Hello,

1. How can I remove the sticky function for my site wide banner? I want to keep only my header sticky, not the banner.
2. How do I increase the size of the banner to fit the width of the screen? At present its taking on the width of the page . I tried using the codes given to other members, but its not helping me.

Thanking you in anticipation.

[Francis]

Francis

#59323

Hello,

1. How can I remove the sticky function for my site wide banner? I want to keep only my header sticky, not the banner.
2. How do I increase the size of the banner to fit the width of the screen? At present its taking on the width of the page . I tried using the codes given to other members, but its not helping me.

Thanking you in anticipation.

[Hannah]

Hannah

#58956

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

@media (max-width: 991px) {
.stickyheader #kad-banner #logo a img {
    float: left;
}
}

2. I think this is what you mean:

@media (min-width: 992px) {
#containerfooter {
    padding-top: 40px;
}
}

Hope that helps!
Hannah

[Andrew]

Andrew

#58901

I use https://wordpress.org/plugins/q2w3-fixed-widget/

It works great on the Virtue Premium Theme.

You can see it in action on my site here – http://kramersapartment.com/

If you scroll down the page, you will see my ‘Most Popular Posts’ and a image banner are fixed on the page when viewing from a non-mobile device.

[Ben Ritner]

Ben Ritner

#58727

Hey,
So Bogdan is right the pinnacle theme is better suited for this. Here is an option through, remove the margin in your slider and the css margin for the mobile menu.

then add:

#kad-banner {
    position: absolute;
    width: 100%;
    z-index: 1000;
    top: 0;
}
.nav-trigger-case .kad-navbtn i {
    padding-right: 0;
}

Ben

[Peter]

Peter

#58474

Hi,

I’m trying to target the button text on my Kadence banner using:

.kad-slider .kad-slider-btn a {
text-decoration:underline;
}

This doesn’t seem to be working – I just want to add underline to the button text.

Thank you,
Peter

[Peter]

Peter

#58474

Hi,

I’m trying to target the button text on my Kadence banner using:

.kad-slider .kad-slider-btn a {
text-decoration:underline;
}

This doesn’t seem to be working – I just want to add underline to the button text.

Thank you,
Peter

[Ben Ritner]

Ben Ritner

#58350

You can use this css:

.home #kad-banner {
    display: none;
}

Ben

[dgonzalez1992]

dgonzalez1992

#58104

Great that worked. I also added this to keep it aligned with the banner:

.homeitemcount1 {
        padding-left: 10px;
}

.homeitemcount4 {
        padding-right: 10px;
}

Thank you.

[Ben Ritner]

Ben Ritner

#58099

1. You can use this css:

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

2. If you don’t want to set a spcific height and would rather the image ratio be true use the option to size based on image.

Ben

[Ben Ritner]

Ben Ritner

#57941

Hey,
You can use css like this:

.infobanner {
    margin: 0;
}

Ben

[Ben Ritner]

Ben Ritner

#57938

Hey,
I’m looking on the site link shown. You have css like this:

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	.banner.headerclass {
		height: 10px!important
	}
}

In your child theme. That is causing the issue. Remove all the css like that.

Ben

[Tuah]

Tuah

#57325

I try deactivating plugin name Optimizepress then the title showed. However a few pages in my website using the plugin, is there any other way to display the entry title without deactivating the plugin. Below i show you also all the css used in my website.

.page-template-page-landing #containerfooter {
display:none;
}
.page-template-page-landing {
padding-top: 0px;
}
.contentclass {
padding-top: 0px;
}
.page-template-page-landing p {
font-size: 17px;
line-height: 25px;
}
.page-template-page-landing li {
font-size: 17px;
}
.h3.heading-more{
font-size: 18px;
}
.sliderclass {
padding-bottom: 0px;
}
.blockquote p {
font-weight: 800;
}
.contentclass li {
margin-bottom: 20px;
line-height: 22px;
}
.kad-info-box {
padding: 0px;
}
.origin-widget-list li {
line-height: 18px;
margin-bottom: 0;
}
.page-id-2554 header.banner, .page-id-2554 #containerfooter, .page-id-2554 .sticky-wrapper{
display: none;
padding-top:0px;
}
.page-id-2831 header.banner, .page-id-2831 #containerfooter, .page-id-2831 .sticky-wrapper{
display: none;
padding-top:0px;
}
.page-id-3220 header.banner, .page-id-3220 #containerfooter, .page-id-3220 .sticky-wrapper{
display: none;
padding-top:0px;
}
.page-id-2831 countdown-timer-style-2 {
display: block;
}
.page-id-3227 header.banner, .page-id-3227 #containerfooter, .page-id-3227 .sticky-wrapper{
display: none;
padding-top:0px;
}
.page-id-3784 header.banner, .page-id-3784 #containerfooter, .page-id-3784 .sticky-wrapper{
display: none;
padding-top:0px;
}

[Greg]

Greg

#57188

Can I place the sitewide banner at the very top of the page?

For extra credit, can it be full width text w/ customizeable bg, font color/size and be dismissable? 🙂

Thanks

[Greg]

Greg

#57188

Can I place the sitewide banner at the very top of the page?

For extra credit, can it be full width text w/ customizeable bg, font color/size and be dismissable? 🙂

Thanks

[Hannah]

Hannah

#56831

Hey,
Try adding this to your custom css box in theme options:

.home .infobanner:hover .home-message:hover {
    background-color: transparent;
}
.home .home-message:hover h5 {
    background-color: rgba(155, 155, 155, 0.8);
}
.home .home-message:hover h4 {
    background-color: rgba(155, 155, 155, 0.8);
}

Hope that helps!

Hannah

[René]

René

#56827

Hello,

Only for our homepage we removed the logo (as the banner functions as logo there) with custom CSS. At screen width (about) 990px our menu disappears and shows up again as mobile menu at (about) 766px. Can you tell how to show it also in between?

Thanks!

Site: http://www.autowasgids.nl

We use the following custom CSS:

.home #logo {
display: none;
}

.home .page-header h1 {
display:none !important;
}

.home .page-header {
border-top: 0;
border-bottom: 0;
}

[René]

René

#56827

Hello,

Only for our homepage we removed the logo (as the banner functions as logo there) with custom CSS. At screen width (about) 990px our menu disappears and shows up again as mobile menu at (about) 766px. Can you tell how to show it also in between?

Thanks!

Site: http://www.autowasgids.nl

We use the following custom CSS:

.home #logo {
display: none;
}

.home .page-header h1 {
display:none !important;
}

.home .page-header {
border-top: 0;
border-bottom: 0;
}

[Jori]

Jori

#56597

Hi,

I’m using a banner on my blogpagess and a sidebar. Now the sidebar starts at the header and i’d prefer to have it start at the height of the content and make the banner full width. Is that easily done?

Hope you can help.

Thanks

Link: *Login to see link ining/liefdeshonger/

[Jori]

Jori

#56597

Hi,

I’m using a banner on my blogpagess and a sidebar. Now the sidebar starts at the header and i’d prefer to have it start at the height of the content and make the banner full width. Is that easily done?

Hope you can help.

Thanks

Link: *Login to see link ining/liefdeshonger/

[Ben Ritner]

Ben Ritner

#56435

Hey,
1. The icons are from your secondary menu. Go to appearance > menus and un-assign the menu to your secondary menu location.

2. The bar is an image you added in your theme options > main settings. The banner image. Just remove that.

3. Based on the output of the site you have turned the switch to “on” which would disable the ligthbox since the item is “Turn Off Theme Lightbox?”

You need to leave it enabled so make the switch off.

Ben