Page 67 – Kadence Support Forums

Viewing 20 results - 1,321 through 1,340 (of 1,614 total)

← 1 2 3 … 66 67 68 … 79 80 81 →

Author

Search Results
In forum: Virtue Theme

In reply to: How to make rounded corners on Image menu
Hannah

August 11, 2015 at 7:09 am #52663

Hey Nic,
Try using this css:
```
.home .infobanner {
-moz-border-radius: 15px;
    border-radius: 15px;
}
```
Hope that works for you!

Hannah
In forum: Virtue Theme

In reply to: Remove padding-top in template page landing

Tuah

August 10, 2015 at 11:15 pm #52574

one more thing i realize that scroll up button on right side disappeared when i scroll down for all the landing page. for normal page ok. i put below css in custom css

.page-template-page-landing #kad-banner {
display:none;
}
.page-template-page-landing #containerfooter {
display:none;
}
.contentclass {
padding-top: 0;
}

In forum: Virtue Theme

In reply to: Mobile Menu
Hannah

August 3, 2015 at 10:24 am #51445

Try adding this to your custom css box in theme options:
```
@media (max-width: 480px) {
body #kad-banner #logo .kad-retina-logo {
    padding: 10px;
}
}
```
Hope it helps!

Hannah
In forum: Pinnacle Theme

Topic: How do I get rid of the mountains banner image on my portfolio pages

Jaala

July 30, 2015 at 1:09 am #50885

*rage quit a plenty*
I just want the image gone or to be able to change it to my own.
I bet it’s real simple and I just haven’t worked it out yet.
Please help
frustrated monkey

In forum: Virtue Theme

In reply to: Background image for slider and rows
Ben Ritner

July 23, 2015 at 12:10 pm #49950

1. Yes you would set up something similar for the row. Just target the row id.

2. Yes you can make the css more specific by using the slider id like this:
```
.home .fullwidthbanner-container #rev_slider_3_1.fullwidthabanner {
    background: #f3eec9 !important;
    margin-top: 20px;
    margin-bottom: 20px;
}

.home .fullwidthbanner-container #rev_slider_3_1.fullwidthabanner:before {
    content: '';
    position: absolute;
    height: 20px;
    width: 100%;
    top: -20px;
    background: url(http://wordpress.p259328.webspaceconfig.de/wp-content/uploads/2015/07/slider-background.png);   
    background-position: top left;   background-repeat: repeat-x;
}
.home .fullwidthbanner-container #rev_slider_3_1.fullwidthabanner:after {
  content: '';
  position: absolute;
  height: 20px;
  width: 100%;
  bottom: -20px;
  background: url(http://wordpress.p259328.webspaceconfig.de/wp-content/uploads/2015/07/slider-background.png);
  background-position: bottom left;
  background-repeat: repeat-x;
}
```
Ben
In forum: Pinnacle Theme

In reply to: menu is invading pages in winphone 7.8
Ben Ritner

July 23, 2015 at 12:08 pm #49949

ie9 and this is a new phone? 🙂 odd.

Ie is the worst… my guess this has to do with one of the ie bugs that doesn’t allow for css files of a certain size.

add this in your theme options > custom css and it will be a good test.
```
@media (max-width: 992px) {
        .titleclass {
		background-attachment: scroll !important;
		}
		.stickyheader.trans-header #kad-banner {
			position: absolute;
		}
    .kad-primary-nav ul.sf-menu, .nav-main ul.sf-menu {
    	display: none;
    }
    #nav-second ul.sf-menu {
    	display: none;
    }
    #kad-header-right{
    	display: none;
    }
    .kad-header-menu-left {
    	display: none;
    }
	#kad-mobile-nav {
	display: block;
	height: auto;
	}
	#mobile-nav-trigger {
	display: block;
	height: auto;
	}
	#topbar ul.topbmenu {
		display: none;
	}
	#kadbreadcrumbs {
		text-align: center;
		float: none;
		margin-top: 0;
	}
	#content .main.col-lg-9.col-md-8 {
		padding-right: 15px;
		padding-left: 15px;
	}
	.kad-header-style-three .kad-nav-three {
		height: auto;
		display: block;
	}
    header .kad-primary-nav, header .nav-main  {
		margin: 0;
    }
    .mobile-stickyheader.kad-header-style-basic .kad-nav-collapse {
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	} 
		.panel-row-style-wide-parallax, .kt-panel-row-parallax, .kt-panel-row-parallax-stellar {
			background-attachment: scroll!important;
			background-position: center!important;
			}
	}
```
Ben
In forum: Virtue Theme

In reply to: Background image for slider and rows
Ben Ritner

July 22, 2015 at 11:31 am #49809

Hey,
Just a suggestion. It would be really good for you to do some reasearch on how backgrounds work. Have you thought about doing some css classes online? there are tons of tutorials out there that talk about how backgrounds work in a responsive format and how you have to design for responsive formats and not design for one screen size.

main slider options and this image has exactly the same height as the grid height

The slider grid height is not a set height. You have a slider on your home page. the height of that slider is dependent on the screen size and your slider content. Not at all depend on the background image. And it’s not a fixed size.

The only way your going to get the background that you have uploaded to work (kinda) is by forcing it to stretch out of ratio size. meaning it will be warped.

What you really need to do is run your pattern at the top and bottom of the container div separate of having to match height. For example in your slider it would be like this:
```
.home .fullwidthbanner-container .fullwidthabanner {
    background: #f3eec9 !important;
    margin-top: 20px;
    margin-bottom: 20px;
}

.home .fullwidthbanner-container .fullwidthabanner:before {
    content: '';
    position: absolute;
    height: 20px;
    width: 100%;
    top: -20px;
    background: url(http://wordpress.p259328.webspaceconfig.de/wp-content/uploads/2015/07/slider-background.png);   
    background-position: top left;   background-repeat: repeat-x;
}
.home .fullwidthbanner-container .fullwidthabanner:after {
  content: '';
  position: absolute;
  height: 20px;
  width: 100%;
  bottom: -20px;
  background: url(http://wordpress.p259328.webspaceconfig.de/wp-content/uploads/2015/07/slider-background.png);
  background-position: bottom left;
  background-repeat: repeat-x;
}
```
Ben
In forum: Virtue Theme

In reply to: Top menu bar

Hannah

July 22, 2015 at 8:52 am #49776

Hi Sadika,
Looks like your logo is just a blank space? What have you added in Theme Options > Main Settings? That should appear beside the primary menu.
The banner in the demo is the home slider. You can set this up in Theme Options > Home Slider and it will display right under the header.
Also just to clarify, the menu on your site right now is the primary menu, not the topbar menu. These are different.

Hannah

In forum: Virtue Theme

Topic: Top menu bar

sadika

July 22, 2015 at 6:18 am #49760

Hello I am having an issue. If you take a look at my website: becomeaphlebotomisthq.com you will notice the menu bar on the top then the word home and then a space and then my banner.

I want my layout for the top to be like the virtue theme layout for the top where you have the logo Virtue Theme (in your font) and immediately in the same line the menu bar and then underneath without a gap the banner.

I have tried maneuvering the menu bar in the different locations and no luck.

Please advise.

Hope to hear from you soon

Sadika Alloush

In forum: Virtue Theme

Topic: Virtue – Landing page template – Remove Header and Footer

Jose

July 16, 2015 at 7:14 am #49111

Hi,

I’m trying to create a landing page and have created a template to use specifically for that page, when I got to create page and select the template that I created which is there, I go to view the page and my data is there as well as the header content and the footer content. I would like to remove them from that specific page and possibly others that I would need to create in the future.

<?php
/*
Template Name: Renatus-Opportunity
*/
?>

<div class=”container-fluid”>
<div class=”row”>
<div class=”col-md-12 header-banner”>..</div>

</div>
</div>

That’s the only code in my template, I don’t see where it makes the header and footer calls. Can you provide me with some guidance.

Here’s the link to the page *Login to see link

Thanks

In forum: Virtue Theme

In reply to: Virtue Premium Shortcodes

eric

July 9, 2015 at 12:24 pm #48537

I already have that enabled in Theme Options > Misc Settings. Here is what I have. The first box does the animation, but not the rest…

<div id=”content” class=”container homepagecontent”>
<div class=”row”>
<div class=”main col-md-12″ role=”main”>
<div class=”entry-content” itemprop=”mainContentOfPage”>
<div class=”home-padding home-margin”>
<div class=”rowtight homepromo”>

[img_menu columns=”5″ title=”My Title” description=”Line of Bold” image=”http://pursuitmotorcycle.com/wp-content/uploads/2015/07/BatteryTenders.gif” link=”http://pursuitmotorcycle.com/product-category/battery-tender/” height=”110″]
<div class=”tcol-lg-25 tcol-md-25 tcol-sm-3 tcol-xs-4 tcol-ss-6 kad-animation” data-animation=”fade-in” data-delay=”150″ style=”opacity: 1; top: 0px;”>

<div class=”infobanner” style=”background: url(http://pursuitmotorcycle.com/wp-content/uploads/2015/07/BatteryTenders.gif) center center no-repeat; height:110px; “><div class=”home-message” style=”height:110px;”><h4>My Title</h4><h5>Line of Bold</h5></div></div></div>
<div class=”tcol-lg-25 tcol-md-25 tcol-sm-3 tcol-xs-4 tcol-ss-6 kad-animation” data-animation=”fade-in” data-delay=”300″ style=”opacity: 1; top: 0px;”>

<div class=”infobanner” style=”background: url(http://pursuitmotorcycle.com/wp-content/uploads/2015/07/BatteryTenders.gif) center center no-repeat; height:110px; “><div class=”home-message” style=”height:110px;”><h4>My Title</h4><h5>Line of Bold</h5></div></div></div>
<div class=”tcol-lg-25 tcol-md-25 tcol-sm-3 tcol-xs-4 tcol-ss-6 kad-animation” data-animation=”fade-in” data-delay=”300″ style=”opacity: 1; top: 0px;”>

In forum: Pinnacle Theme

In reply to: Image Menu
Hannah

July 7, 2015 at 5:51 am #48227

Try adding this css:
```
.infobanner .home-message {
  vertical-align: bottom !important;
}
```
Hannah
In forum: Virtue Theme

In reply to: line up images?
Ben Ritner

July 5, 2015 at 10:20 pm #48059

In your theme options > advanced settings you can add this css:
```
.infobanner {
  margin: 0;
}
```
Ben
In forum: Virtue Theme

In reply to: virtue shortcode youtube video wmode is not set to opaque
Ben Ritner

July 3, 2015 at 2:47 pm #47904

I’m not sure I see what you mean, I’m going to guess to try adding this css in your theme options > advnaced settings. If it doens’t work cna you post a screen shot.
```
.stickyheader .is-sticky #kad-banner {
  z-index: 999999;
}
```
Ben
In forum: Virtue Theme

In reply to: Mobile Slider

Nicholas

July 1, 2015 at 11:10 am #47609

I must have missed this reply. Apologies.

So when I am on a phone and it’s vertical, the mobile slider is in show and the desktop vanishes. As you have said, the php has determined what device is being used.

However, if I turn my phone to the side and allow screen rotation the desktop banner appears underneath my mobile slider as well as the images I have placed a media query max width: 500px.

How can I prevent that from happening?

Thanks

In forum: Virtue Theme

In reply to: Mobile Slider

Ben Ritner

July 1, 2015 at 11:01 am #47607

The two divs under the main banner are not using theme css for the width, or media query of when they change size. You can use the css you added for theme and change the media query.

Ben

In forum: Virtue Theme

In reply to: Mobile Slider

Nicholas

July 1, 2015 at 10:05 am #47593

This reply has been marked as private.

In forum: Virtue Theme

In reply to: Mobile Slider

Nicholas

July 1, 2015 at 9:19 am #47587

This reply has been marked as private.

In forum: Virtue Theme

Topic: Mobile Slider

Nicholas

July 1, 2015 at 4:30 am #47553

Hi,

I’m using the revolution slider. I have two separate sliders, one for desktop view and one for mobile – enabled through theme options.

I hide the desktop slider with the following:

@media screen and (max-width: 480px) {
.home_banner_wrapper {
visibility: hidden;
display: none !important;
}
}

I’ve set it to 480px, however to accurately remove the desktop slider at the right time I need to know what size screen the mobile slider is enabled?

Thank you

In forum: Virtue Theme

In reply to: revolution slider doesn't launch

Ben Ritner

June 26, 2015 at 11:07 am #47057

Hey, Your slider is trying to load an image that is not on your server. looks like it’s from a test : http://carriecoren.com/test/wp-content/uploads/2015/05/banner-32.jpg

You will need to update that in the slider settings.

Ben
Author

Search Results