Docs

[ameoba007]

Hey guys, I’ve added a button via rev slider, and I’ve been searching everywhere to find a link to solve this problem but haven’t been able to. I was wondering if you could help me out.

I’m trying to use the add to cart woocommerce shortcode to a few of the buttons i have generated through revolution slider in the second section that appears on my home page (orange buy now buttons). I was wondering how i can link it so if someone clicks on the link the product is automatically added to the cart. I have created a similar product in woo commerce and have the individual product id’s.

Please let me know if this is possible!

[Christopher]

Hi there,

You should add wocommerce shortcodes directly as a slide’s layer, see this link : https://docs.woothemes.com/document/woocommerce-shortcodes/

Hope it helps.

[ameoba007]

Hi, thanks for the all the help! In my sidebars in the shop page and the cart page the thumbnails, the image gets cut off. I’ve enabled the product images options through code in the functions php in the editor and also regenerated the thumbnails. The thumbnail images are still cut off and i need assistance in fixing this problem. Please help!!

[Friech]

Hi There,

Try to regenerate your thumbnails using this plugins: https://wordpress.org/plugins/force-regenerate-thumbnails/
Make sure you clear caching plugins before previewing the site.

Thanks.

[ameoba007]

Hi, thanks for the fast response! Another question, if I’m using the revolution slider and i want to add a color overlay limited just to the background slider (appears first on home page) with 0.5 transparency how would i go about doing that.

i found this code on the themeco website, but it applies to all of the rev sliders i have running on the page. Please guide me as towards how i can limit this!

.rev_slider .slotholder:after {
width: 100%;
height: 100%;
content: “”;
position: absolute;
left: 0;
top: 0;
pointer-events: none;

/* black overlay with 50% transparency */
background: rgba(0, 0, 0, 0.5);
}

[Lely]

Hi There,

Please try to update above CSS to this:

#rev_slider_2_1 .slotholder:after {
width: 100%;
height: 100%;
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;

/* black overlay with 50% transparency */
background: rgba(0, 0, 0, 0.5);
}

Hope this helps.

[ameoba007]

hi, i’ve switched to the renew theme and i wanted to make my nav bar transparent but visible on top of my rev slider underneath it. i’ve been using various css codes found on the forum but couldn’t get one that works. The different pages in my menu are also seeming to be in little boxes, along with a line that crosses the bottom of the nav bar. I wanted help in eliminating those. Also my mobile button doesn’t seem to appear on the nav bar when the screen is made smaller. Please help me figure this out!

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

@media (min-width:979px){
.x-slider-container.below {
    margin-top: -90px;
}
.x-navbar {
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.x-navbar .desktop .x-nav > li > a {
    border: none;
}
}
.x-btn-navbar.collapsed {
    color: red;
}

Hope that helps.

[ameoba007]

Thanks a lot that worked perfectly!

The navbar is now transparent with the rev slider, but i wanted to know how i can get a similar effect like the one showed in this link http://themenectar.com/demo/salient-frostwave/ . the navbar is transparent at first but then changes size and sticks at the top! Please let me know how i can achieve this, the navbar is already set to “fixed top”

thanks in advance!

[Christopher]

Hi there,

Is this your website URL?
http://4d8.599.myftpupload.com/

The menu is not fixed anymore.

Thanks.

[ameoba007]

This reply has been marked as private.

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

CSS

.x-navbar-wrap {
     height: auto !important;
}

 .x-navbar {
     background-color:transparent;
     border:0;
     box-shadow:none;
     position: fixed;
     width:100%;
     border-color: white;
     border-bottom: 1px;
}

 .x-navbar-solid {
     background-color:white;
}

.x-navbar.x-navbar-fixed-top .x-navbar-inner {
transition: min-height 0.5s ease;
-webkit-transition: min-height 0.5s ease;
}
.x-navbar .desktop .x-nav > li > a, .x-navbar .x-brand, .x-navbar .x-navbar-inner {
    -webkit-transition: height 0.5s ease, padding-top 0.5s ease;
    transition: height 0.5s ease, padding-top 0.5s ease;
}

.x-navbar .desktop .x-nav > li > a, .x-navbar .x-brand {
    -webkit-transition: min-height 0.5s ease;
    transition: min-height 0.5s ease;
}

.x-navbar.x-navbar-fixed-top .desktop .x-nav > li > a {
height: 60px;
padding-top: 25px;
}

.x-navbar.x-navbar-fixed-top .x-brand {
width: 120px;
margin-top: 4px;
}

.x-navbar.x-navbar-fixed-top .x-navbar-inner {
min-height: 60px;
}

Add the following code to Appereance Customizer Custom JavaScript

jQuery(function($) {
  var $body   = $('body');
  var $navbar = $('.x-navbar');
  if ( $body.hasClass('x-navbar-fixed-top-active') && $navbar.length > 0 ) {
    var boxedClasses = '';
    if ( $body.hasClass('x-boxed-layout-active') ) {
      boxedClasses = ' x-container max width';
    }

    $(window).scroll(function() {
      if ( $(this).scrollTop() >= 60 ) {
        $navbar.addClass('x-navbar-fixed-top' + boxedClasses);
      } else {
        $navbar.removeClass('x-navbar-fixed-top' + boxedClasses);
      }
    });
  }
});

jQuery(function($) {
    $(window).scroll(function(){ 
        if($(window).scrollTop() >50) {
              $('.x-navbar').addClass("x-navbar-solid");
        }else {
              $('.x-navbar').removeClass("x-navbar-solid");
        }
    });
});

`

Hope that helps

Joao

[ameoba007]

Thank you so much! That worked well but when i scroll down the navbar stays transparent. I was wondering what i’d have to change to have a a 0.35 white background transparency when scrolling down.

Thanks again!

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[ameoba007]

This reply has been marked as private.

[Author]

Posts