Search Results for 'banner'

[Richard Yust]

Richard Yust

#14079

My client deals with both selling and renting mobile homes. When a home is rented, they are still keeping it in the list on the “Rental” page but changing the product setting to “out of stock”. This places the banner (previous emails on this thread) “Sold” on the image. How would I go about having the tag read “Rented” instead of “Sold” for rental properties.

I’m assuming that I would create a child file and insert an if/else code with “Rental” being displayed then the condition of product category is “rent_homes”. Otherwise it would display “Sold”. The shortcode on my rental page is

[product_category category=”rent-homes” per_page=”12″ columns=”1″ orderby=”amount” order=”desc”]

I’d like to experiment on my development site. So, could you (1) comment on the if/else option and (2) in which file would i place that code.

Thanks

[alexandra]

alexandra

#13582

I had tried putting the paypal/credit card signs that you see in the bottom right footer in the header widget but then removed it coz the layout was off and it was too large. If those signs can go in the top right hand side proportionally that would help a lot. I would then leave the social media links in the center of header but make it a little bit larger or more to the right (where it is now it is not really centered).

on other pages I was hoping i could add a widget for example like a small gallery of photos on my safari page http://www.africatrademakers.com/about/safari and also banners or ads. I am still working on content as I go as well.

Thanks so much…again

[Ben Ritner]

Ben Ritner

#13556

Could be a loading error, your logo is very very large: http://www.alternativehealingnaples.com/wp-content/uploads/2014/07/Alternative-Healing-Logo-02-IN-BANNER3.png

Any reason why your using such a large image?

Ben

[Ben Ritner]

Ben Ritner

#13320

You can change page builder margins in the page builder settings. Go to settings > page builder.

The image-menu margin can be adjusted gobally with this css:

.infobanner {
margin: 15px 0;
}

Ben

[Ben Ritner]

Ben Ritner

#12870

Here you go:

.home.stickyheader #kad-banner-sticky-wrapper {
min-height: 0;
}

Ben

[Hannah]

Hannah

#12840

Hey Alexis, try pasting this into your custom css box in theme optoins > advanced settings:

.stickyheader #kad-banner-sticky-wrapper #kad-banner {
min-height: 0;
}

Hope this works!
Hannah

[Ben Ritner]

Ben Ritner

#12805

Hey,
You can add this to your custom css box to make the header show when using an anchor tag but if you do this it will cover up the top area of the page that the anchor is trying to show. Anchor tags and sticky headers are not always perfect, you can add spacing for the header above the tag or add the tag a little higher then you would normally so there is room for the header.

.about.stickyheader #kad-banner {
width: 100%;
left: 0;
z-index: 1020;
top: 0;
position: fixed;
margin: 0 auto;
}

Ben

[Ben Ritner]

Ben Ritner

#12796

It’s totally supported with this theme, The closest option is to add this css to your custom css box in the theme option > advanced settings. Be sure to use the sticky header option:

.home.stickyheader #kad-banner {
width: 100%;
left: 0;
z-index: 1020;
top: 0;
position: fixed;
margin: 0 auto;
background: transparent;
}
.home.stickyheader #kad-banner-sticky-wrapper {
height:0 !important;
}

Ben

[Ben Ritner]

Ben Ritner

#12661

Its close just need to fix the url section:

.page-header {
background: url('http://www.firehouseglassworks.com/wp-content/uploads/2014/07/banner_100px.jpg') no-repeat center top;
}

Ben

[Patrisha]

Patrisha

#12658

I tried adding this to my custom css to add a background image to the page title area but it’s not working.

You can see my site at http://www.firehouseglassworks.com.

Any help is appreciated. 🙂

.page-header {
background: url(‘*Login to see link no-repeat;
}

Trisha

[Patrisha]

Patrisha

#12658

I tried adding this to my custom css to add a background image to the page title area but it’s not working.

You can see my site at http://www.firehouseglassworks.com.

Any help is appreciated. 🙂

.page-header {
background: url(‘*Login to see link no-repeat;
}

Trisha

[Ben Ritner]

Ben Ritner

#12556

Not easily You have one route where your using css to hide the header, menu, etc. I made an example here:

The name of the page becomes a class that you then use to target one page:

.no-header-test header.banner, .no-header-test #containerfooter, .no-header-test .page-header {
display:none;
}

Here is the result. http://themes.kadencethemes.com/virtue-premium-3/no-header-test/

So then you can create a custom page just with the page content.

Else you can create a child theme, build a base-custom.php coping from the base.php file then build a page-custom.php file.

Ben

[Justine]

Justine

#12367

thanks, I’ve fixed this now but am wondering if there’s a way to still have this banner be an active link to my email as it was before. what would be the amendment to the above css please? Justine

[Ben Ritner]

Ben Ritner

#11829

You can add this css:

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

This may make the images a little blurry though. depending on the images. if thats the case then you would want to use the image menu widget and just add a widget to a column in the pagebuilder page content.

Ben

[Ismail]

Ismail

#11174

Hi and thanks for any help on this. I’d like to change the SOLD badge/banner text that appears when an item is out of stock. Any help is truly appreciated.

[Ismail]

Ismail

#11174

Hi and thanks for any help on this. I’d like to change the SOLD badge/banner text that appears when an item is out of stock. Any help is truly appreciated.

[Ben Ritner]

Ben Ritner

#10921

480px, 768px,992px and 1200px is correct.
Although use max width 992 for tablets and max width 768 for mobile.
The 480 is for small mobile.

logo and thelogo are defined in the header.php file. :after is a pseudo http://www.w3schools.com/css/css_pseudo_classes.asp

Works great for adding “content” that isn’t in the html.

Here is an example of switching out with the retina logo.

@media (max-width: 767px) {
body #kad-banner #logo .kad-retina-logo {
display: block;
}
#kad-banner #logo .kad-standard-logo {
display:none;
}
}
@media (min-width: 767px) {
body #kad-banner #logo .kad-retina-logo {
display: none;
}
#kad-banner #logo .kad-standard-logo {
display:block;
}
}

If this isn’t helping post a link or email me a login.

[email protected]

[Ben Ritner]

Ben Ritner

#9633

ok add this:

.home.boxed.stickyheader .is-sticky #kad-banner {
width: 100%;
margin-left: 0;
margin-right: 0;
}

Ben

[Ben Ritner]

Ben Ritner

#9471

Hey so the home page uses a different system. But you can hide the content class padding with this css:

.page-template-page-custom-template-php .contentclass {
padding:0;
}

You can also do this with any page.

Here is my example page: http://themes.kadencethemes.com/virtue-premium-3/no-header-test/

Just using the page title, which becomes a css tag in the body I added this css:

.no-header-test header.banner, .no-header-test #containerfooter, .no-header-test .page-header {
display:none;
}
Ben

[Ben Ritner]

Ben Ritner

#9415

Ok, I am making an assumption that you are using the basic header style with a sticky header. If not this code might not work, else try adding this to your custom css. And to be clear this css will work for you home page, if you want it on another page you would need to use the page specific body class:

.home #kad-banner {
width: 100%;
left: 0;
z-index: 1020;
position: fixed;
}
.home .sticky-wrapper{
height:0 !important;
}
.home .headerclass {
background: transparent !important;
}

Ben

[Nic]

Nic

#9194

1) Shrinking header: How can I make my header where my logo and primary menu is located shrink as the user scrolls down. This would have the same result as the menu on the demo style 4. I installed the demo content, but I still couldn’t get it to work.

2) Parallax Scrolling: I was also trying to setup a similar banner to the one you have on the style 4 homepage titled “Like What You See?” where the background is fixed and the foreground scrolls ups and down. But I couldn’t get this to work? Are you using a widget, slide, or page content to get this effect?

Thanks!

[Nic]

Nic

#9194

1) Shrinking header: How can I make my header where my logo and primary menu is located shrink as the user scrolls down. This would have the same result as the menu on the demo style 4. I installed the demo content, but I still couldn’t get it to work.

2) Parallax Scrolling: I was also trying to setup a similar banner to the one you have on the style 4 homepage titled “Like What You See?” where the background is fixed and the foreground scrolls ups and down. But I couldn’t get this to work? Are you using a widget, slide, or page content to get this effect?

Thanks!

[Ben Ritner]

Ben Ritner

#9143

Are you wanting to set a banner for the whole site or just have the featured image on some pages?

Ben