Search Results for 'banner'

[James]

James

#108426

that code got cut off…

<div style="width: 100%;background-color: #999999;"><img src="http://jimswebworx.com/wp-content/uploads/tradeup_banner.jpg" alt="tradeup_banner" width="1027" height="430" /></div>

[James]

James

#108424

I think different. Take a look at what I am working on using my browsers inspector.

I can get this to show up in my browser inspector but I cannot figure out how to do this within the theme. Here is the code I used for that screenshot…

<div style=”width: 100%;background-color: #999999;”></div>

[James]

James

#108388

I am attempting to add a full page width div to my header so I can include an image but to this point I have been unable to. The div will appear just below the logo and above the main navigation bar and will only appear on the homepage. I am using a child theme and I have tried just about every template with the word head in it and I cannot seem to find the right one to make this happen. Got any tips for me? The website is http://www.jimswebworx.com
<div></div>

[James]

James

#108388

I am attempting to add a full page width div to my header so I can include an image but to this point I have been unable to. The div will appear just below the logo and above the main navigation bar and will only appear on the homepage. I am using a child theme and I have tried just about every template with the word head in it and I cannot seem to find the right one to make this happen. Got any tips for me? The website is http://www.jimswebworx.com
<div></div>

[Kevin]

Kevin

#108219

1. Are you using the Landing Page template? This should work for you:
http://docs.kadencethemes.com/virtue-premium/templates/landing-page-template/

Keep in mind, that if you have a page assigned in Settings> Reading to be your home page, then it will override any template you choose and use the home page template. So the landing page may not work in this instance. If you need this to be your home page, then use this CSS:

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

2. For that page, this CSS should work:

body.home {
    background: url("http://mofotechplay.com/wp-content/uploads/2016/08/mofo-wallpaper.png");
}

Let me know if this helps!

[Marzan]

Marzan

#108130

Hi Kevin,

That seem to not have effect. The top bar banner still goes beyond the page when I try on mobile.
(If possible please view on a mobile device to see) are there other things we could try?

Many thanks!

[Marzan]

Marzan

#108058

Hi

The padding above worked and works fine on computer or laptop, but the banner does not auto adjust like the footer banner does when using other devices. it exceeds the page on mobile devices.

Please can you help with the auto adjust for the top bar banner?

I can provide my log in details of that would help?

Thanks

[Erol]

Erol

#107755

Hi,

My website is baltodogbrace.com
login: test
password: test

1-Hiding the Toolbar
I would like to get rid of the toolbar when users are logged in. The toolbar could stay for admins but I would like it not to be here anywhere else.
Could you please help me with that?

2-Mobile Devices
On mobile device (Android), “Choose an option” appear although I am using the “multi-choice” buttons in shop’s item. This seems to enter in collision with the titles of the “multi-choice”
The whole thing is messy. Please how could we avoid this problem?

Thanks

BTW, your “50% off Kadence Membership!” banner is terribly annoying.

[Erol]

Erol

#107755

Hi,

My website is baltodogbrace.com
login: test
password: test

1-Hiding the Toolbar
I would like to get rid of the toolbar when users are logged in. The toolbar could stay for admins but I would like it not to be here anywhere else.
Could you please help me with that?

2-Mobile Devices
On mobile device (Android), “Choose an option” appear although I am using the “multi-choice” buttons in shop’s item. This seems to enter in collision with the titles of the “multi-choice”
The whole thing is messy. Please how could we avoid this problem?

Thanks

BTW, your “50% off Kadence Membership!” banner is terribly annoying.

[Ben Ritner]

Ben Ritner

#107753

Hmm, you can add the banner into the shortcode box for “Sitewide after Header Shortcode” output in the theme options > main settings.

Ben

[Marzan]

Marzan

#107629

Hi,

Thanks for sending the coding. It works better,

Would i able to have the it with a bit of the grey background above the banner, the same gap (height) as it is on the bottom of the banner?

Also, when I go on to my phone, the banner extends beyond the screen and doesn’t appear to auto adjust. Could i have it auto adjust, just as the footer does?

Thanks,

[Richard]

Richard

#107615

Good day,

We have our theme set to display the simple moible header. But we would like the virtue sitewide banner to display on the mobile.

How could we modify to achieve this goal?

Thanks

[Richard]

Richard

#107615

Good day,

We have our theme set to display the simple moible header. But we would like the virtue sitewide banner to display on the mobile.

How could we modify to achieve this goal?

Thanks

[Rohan]

Rohan

#107614

Hi, just wondering how I activate the resizing main menu banner when I scroll. My site just keeps it the same thickness when I scroll. Is there an option to enable this somewhere?

I have pinnacle premium..

Has anyone else had this issue?

Thanks

[Rohan]

Rohan

#107614

Hi, just wondering how I activate the resizing main menu banner when I scroll. My site just keeps it the same thickness when I scroll. Is there an option to enable this somewhere?

I have pinnacle premium..

Has anyone else had this issue?

Thanks

[Marzan]

Marzan

#107555

Hi Ben,

Perfect the footer worked great!

For the topbar, can i get the banner to be directly in the centre of the top bar with the cart and search bar on either side? When I enabled the widget it said a little note saying that the widget will be placed on the right.

Thanks!

[Marzan]

Marzan

#107379

thanks Ben!! Size is great!, would it be possible to to centre it in the middle of the page?

Just a general question is it possible for me to place a similar banner at the top of the page? For example in between the cart and search bar?
Thanks

[Marzan]

Marzan

#107345

Hi Ben,

Thank you. I have tried the fourth option, but the banner still does not appear large enough. If you do not mind, may i provide my website credentials to take a better look?

Thanks!

[Marzan]

Marzan

#107257

Here is the link to my website. The banner will be at the bottom

http://www.mpiremind.com

Thanks

[Marzan]

Marzan

#107170

Hi,

I need help. when placing my banner in the footer, it seems to have shrunk to a small size. How can i make this larger and also position the banner to be in the centre of the page? I am new to CSS!

Thanks much appreciated

Mpiremind!

[Marzan]

Marzan

#107170

Hi,

I need help. when placing my banner in the footer, it seems to have shrunk to a small size. How can i make this larger and also position the banner to be in the centre of the page? I am new to CSS!

Thanks much appreciated

Mpiremind!

[Ben Ritner]

Ben Ritner

#107116

1. You can use css like this:

.footerclass {
    background: rgba(65,59,57,.8);
}

2. “How can I make the brown topbar a little bit lower?” – think you mean it’s height no position.

.topbarmenu ul li {
    padding-bottom: 0;
}
#topbar {
    padding-top: 0;
}
.topclass {
    background: rgba(65,59,57,.8);
}
#kad-banner {
    background: transparent;
}
#kad-banner > .container {
    background: white;
}

3. Thats not really an option becuase there is no relationship in those items. Meaning you just have to force it with css:

#panel-425-2-1-0, #panel-425-3-1-0 {
    height: 350px;
    display: table;
    table-layout: fixed;
}
#panel-425-2-1-0 > .textwidget, #panel-425-3-1-0 > .textwidget {
    height: 350px;
    display: table-cell;
    vertical-align: middle;
}
.textwidget blockquote {
    margin-bottom: 0;
}

4.

.mobileclass {
    margin: 0 -15px;
}

5.

@media (max-width: 767px) {
.boxed #wrapper.container {
    padding: 0 15px;
    margin-bottom: 0;
    overflow-x: hidden;
}
.container {
    padding: 0 15px;
}
} 

Ben

[Ben Ritner]

Ben Ritner

#106894

#kad-banner

^^ use that.

Ben

[Ben Ritner]

Ben Ritner

#106871

Ok, please remove this css:

.boxed .contentclass {
padding-left: 25px;
padding-right: 25px;
}

.entry-content {
padding-right: 50px;
}

/* This style is in Advanced Settings */
.woocommerce {
padding-right: 40px;
}

then instead add this:

@media (min-width: 768px){
.boxed #wrapper.container {width:760px;}
}
@media (min-width: 992px){
.boxed #wrapper.container {width:960px;}
.main.col-lg-9 {padding-right: 50px;}
}
@media (min-width: 1200px){
.boxed #wrapper.container {width:1190px;}
}
.boxed #wrapper.container {
    padding-left:25px;
    padding-right:25px;
}
.boxed .contentclass, .boxed .featclass, .boxed .footerclass, .boxed .headerclass, .boxed .kad_fullslider, .boxed .kt-call-sitewide-to-action, .boxed .mobile-headerclass, .boxed .navcontainer {
    margin-left: -25px;
    margin-right: -25px;
}
.boxed.stickyheader .is-sticky #kad-banner {
    margin-left: -25px;
    padding: 0 10px;
    margin-right: -25px;
}

Ben

[Libb]

Libb

#106455

Hi, I found a related post but it was for Virtue and the solution offered by Hannah did not exist in Pinnacle.

I want the Page Header (Banner) for each post to be that pretty grass scene that comes with the demo package.

I will have different Featured Images for each post, however.

Is there a way to set this globally, so the banner image for blog posts (extending all the way across the top of the screen) is the same?

Thanks!
Lindsay

[Libb]

Libb

#106455

Hi, I found a related post but it was for Virtue and the solution offered by Hannah did not exist in Pinnacle.

I want the Page Header (Banner) for each post to be that pretty grass scene that comes with the demo package.

I will have different Featured Images for each post, however.

Is there a way to set this globally, so the banner image for blog posts (extending all the way across the top of the screen) is the same?

Thanks!
Lindsay