Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle
Search Results for 'banner'
-
AuthorSearch Results
-
In forum: Virtue Theme
Topic: Mobile Slider
Hi Guys,
I want to use a different revolution slider when the site is mobile.
I need to know when the mobile revolution slider comes into effect – screen size – so that I can remove the main banner at the same time with the following:
@media screen and (max-width: ?px) {
.home_banner_wrapper {
visibility: hidden;
display: none !important;
}
}Many Thanks
In forum: Virtue ThemeIn forum: Pinnacle ThemeIn reply to: Don't place behind header on mobile
June 18, 2015 at 10:23 am #45857You can use css like this:
@media (max-width: 767px){ .home.stickyheader.trans-header #kad-banner { position: static !important; } }Ben
In forum: Virtue ThemeIn reply to: site style 4
June 17, 2015 at 1:27 pm #45731In your slider settings. there is an Offset Containers: box where you can add a div id. Add
#kad-bannerBen
In forum: Virtue ThemeTopic: Footer issues
Hi Ben or Hannah, sorry to be such a bug-a-boo. Once I get this homepage worked out, I’ll be good to go.
So, my footer is very thin and there is a considerable amount of space between my Page builder fields and the end of my page. Can you tell me how to 1) shorten the height of my page and 2) increase my footer by about an inch? I tried using these two codes:
.infobanner {
margin: 0;
}
.contentclass {
padding-bottom: 0;}
To no avail.
Thank you both so much!
TmarieIn forum: Virtue ThemeIn reply to: different logo for mobile version
June 12, 2015 at 5:36 pm #45180Whats wrong with the logo on mobile? something not working or you just don’t like the design for mobile?
The retina logo changes out for the standard logo on all retina screens but there isn’t a theme option that gives you logo just for mobile. What you can do is set the retina logo as your mobile logo and add this css to change it from switching on retina to switching on screen size.
body #kad-banner #logo .kad-retina-logo { display: none !important; } body #kad-banner #logo .kad-standard-logo { display:block !important; } @media (min-width: 768px){ body #kad-banner #logo .kad-retina-logo { display: block!important; } body #kad-banner #logo .kad-standard-logo { display:none !important; } }Ben
In forum: Virtue ThemeIn reply to: Remove Featured Products
June 10, 2015 at 1:29 pm #44915“Current slider menu with events” I unfortunately don’t know what this means?
A slider can be built in the theme options > home slider settings. But for clarity a slider would be different then a carousel. And how are you building these “events”.
Banner? Like maybe a call to action shown in the premium demo: http://themes.kadencethemes.com/virtue-premium/ at the bottom?
See this tutorial: https://www.kadencewp.com/using-page-builder-virtue-premium/A slider menu? slider menu is terms that don’t make sense to me so if you could clarify maybe post a link to an example?
In order of items from top to bottom on the free demo home page that you linked to:
Flex slider,
Portfolio carousel,
Latest posts,
Icon menu.Ben
In forum: Virtue ThemeIn reply to: Remove Featured Products
Thanks for directing me to the Portfolio Carousel…I was going nuts trying to find this and turn it off. What I’m trying to do is as follows:
Current slider menu with events
Banner “Click on trip or event box for more information”
Another slider menu with other informationAll boxes the same type/same style…movement same time frame and horizontal from right to left.
As far as the recorded demo, that’s not what I need. I want to find something that shows a picture of all components that can be included in the main page and the name of that component…example: name the components on your web page located here http://themes.kadencethemes.com/virtue/
Thanks 😀
In forum: Virtue ThemeIn reply to: Slider and Menu Issue
June 10, 2015 at 11:14 am #44890add this css:
.home header#kad-banner { height: 60px !important; }Ben
In forum: Virtue ThemeIn reply to: Mobile Menu Icon Not Visible
Hi Greg,
Have you set your menu to mobile navigation in Appearance > Menus?
This css should give your logo a but of margin:@media (max-width: 767px) { #kad-banner #logo .kad-retina-logo { padding: 10px; margin-bottom: 10px; } }Just paste into your custom css box in Theme Options > Advanced Settings.
Hannah
In forum: Virtue ThemeTopic: Slider and Menu Issue
Hello,
I’ll try to relay my issue as best as I can… I am using Revolution Slider with a full-screen view option and the Header/Menu in view at the bottom. It appears that on the Google Chrome browser, when you scroll down the page a bit, then scroll back to the very top, the menu jumps up and cuts more of the slider off, disregarding that is is a full-screen slider. On the slider settings, I do have the following code for offset container so the menu is in view with the full-screen slider: #kad-banner. I don’t know if this is conflicting with something that may be causing the issue.
This isn’t a huge deal, it is just annoying. I tested this on Internet Explorer (which I don’t use), and this issue doesn’t appear to exist. Is there a fix for this?
Thanks!
BradIn forum: Virtue ThemeTopic: Edge to edge sitewide banner
Hi,
How can I make my site banner go from edge to edge along the top of the page. My site is *Login to see link
Thanks.
Saskia
In forum: Virtue ThemeIn reply to: Image Menu Picture Not HD When Viewing From Mobile
June 9, 2015 at 3:24 pm #44759Hey,
So one options for larger images is to use page builder and the virtue: image menu item widget instead of the theme options > home layout. Then just make sure you image is as large as it needs to be for mobile.Else you have to use css for the home layout image menu.
Like this:
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .homeitemcount1 .infobanner { background: url('http://malaysianlive.com/wp-content/uploads/2015/06/clothing.jpg') !important; background-size: cover !important; } .homeitemcount2 .infobanner { background: url('http://malaysianlive.com/wp-content/uploads/2015/06/muslimah.jpg') !important; background-size: cover !important; } .homeitemcount3 .infobanner { background: url('http://malaysianlive.com/wp-content/uploads/2015/06/shoes.jpg') !important; background-size: cover !important; } }Ben
In forum: Virtue ThemeIn reply to: Background cover the entire div
June 9, 2015 at 10:50 am #44691I think I see what your wanting. you’ve got a lot of css in your custom css box that is changing the framework… add this:
.infobanner { background-size: cover !important; }Ben
In forum: Virtue ThemeTopic: Header Spacing
Hi could someone assist me in getting rid of my header spacing. I tried
.infobanner {
margin-top: 0px;
}
.contentclass {
padding-bottom: 0;
}no dice. The website address is http://www.samplepromomdc.com/
Tasha Marie
In forum: Virtue ThemeHi there,
I want my background image of the image menu in the virtue theme to cover the entire div. To do so I’ve found that If I change this piece of code on the chrome console from this:
<div class="infobanner" style="background: url(*Login to see link <strong>center center no-repeat</strong>; height:230px;"><div class="home-message" style="height:230px;">
<h4>Reforma Integral</h4>
</div>
</div>to this:
<div class="infobanner" style="background: url(*Login to see link height:230px;">
<div class="home-message" style="height:230px;">
<h4>Reforma Integral</h4>
</div>
</div>It works, Any suggestion?
Here’s the link to the page
In forum: Virtue ThemeTopic: Adding banner to site's code
Hi, I am trying to add a banner that was created by another company… it is to help me get votes for a grant and they generated the code for me on their website. However, I am not sure where to paste the code. Should I add it to a template? or the custom CSS? I would like it to appear on the front page sidebar, but it doesn’t show up when I pasted the code into the text or visual editor widgets.
This is the code for the banner:In forum: Virtue ThemeIn reply to: Page has problems loading properly
Help! Just can´t find the problem! I took the big picture (http://www.coconut-couture.com/wp-content/uploads/2015/05/revoslide1.jpg) out of my blog completely to try out if it fixes the problem. Didn´t change anything so I put it back in till I have time to resize it.
I tried w3 total cache, which broke my page. I use cachify instead now. Didn´t fasten my page either though (I tested on pagespeed.de).
The carousel of similar or recent posts doesn´t load at all anymore! There is only a big white space.
I deleted all unimportant plugins and tried it with removing all content (pictures, css) from other sites (banners, logos etc.). Also didn´t help anything.
I tried opening my website with the safari browser today and realized, that many objects show up in the wrong place. For your information, on cellphones (I use Samsung and a friend tried on iphone) everything works super fine.
Could it be, that it isn´t a loading issue? Maybe some coding is broken?! THANK YOU SO MUCH!
In forum: Virtue ThemeIn reply to: hiding topbar on landing pages
June 5, 2015 at 5:17 pm #44289Can you send a temp login to you site?
In the mean time add this for a temp fix in your theme options > advanced settings custom css box.
.page-template-page-landing #kad-banner { display:none; }Ben
In forum: Virtue ThemeIn reply to: problems with the mobile Version
June 1, 2015 at 2:03 pm #43555I feel like it’s important that I say this again. What you are doing with the image menu item is not what the designed was intended for. You are hacking it with your custom preference. This means it’s not naturally going to work like you want and you will always have to add more and more css to make it function responsively. I can only help to a point. At some point you go beyond support. Based on the support policy your already well beyond that but I’ve trying to help.
.home-message { background-position: center center !important; } @media (max-width: 991px){ #pg-6-0 .panel-grid-cell { padding-left: 15px; padding-right: 15px; float:left; width:33.33%; } } @media (max-width: 768px){ #pg-6-0 .panel-grid-cell { padding-left: 15px; padding-right: 15px; float:left; width:50%; } .home .infobanner { height: 200 !important; } }Ben
-
AuthorSearch Results


