Hi, googlecode dead? Please specify. Code you pasted isn’t required anymore

Hi, you’re right. here’s a fix:

ol.commentlist li:first-child { margin-bottom: 15px; }

It’s perfect many thanks! And you learn me a new thing ”:first-child” very usefull

If you would like to know more about nth-child selector: https://css-tricks.com/useful-nth-child-recipies/

Nice, i saved in my tuto! Thanks.

Could you clarify? What happens?

Okay. First I copied three slides html template from astrum.

<!—Slider ==================================================—>

<!- Slide 1 ->
• 

  Think Creative

  Let Out the Creative Beast

  We make gorgeous web designs that helps you convey
  your message to your online users and customers.

  
<!- Slide 2 ->
• 

  Video support

  Show Off Your Creativity

  Embed videos directly from your favourite video
  websites like Vimeo or YouTube.

  <iframe src=”http://player.vimeo.com/video/22775048?title=0&byline=0&portrait=0;api=1&color=ffffff” width=”396” height=”298”></iframe>
<!- Slide 3 ->
• 

  Retina Ready

  Powerfully Responsive

  Astrum is ultra responsive and ready for retina
  high-resolution displays.

  

Next, I have copied few css command from style.css to website. These includes

/* =================================================================== / / Revolution Slider ====================================================================== */ .fullwidthbanner-container { width: 100% !important; position: relative; padding: 0; max-height: 470px !important; overflow: hidden; background-image:url(../images/loader.gif); background-repeat: no-repeat; background-position: 50%; top: -20px; }

.bannercontainer{ width:100% !important; position:relative; padding:0; max-height:500px !important; overflow:hidden; }

I have listed all javascript source from astrum to my website as follows.

<!—Java Script from Astrum Template ==================================================—> <script src=”js/astrum/jquery.min.js”></script> <script src=”js/astrum/jquery.themepunch.plugins.min.js”></script> <script src=”js/astrum/jquery.themepunch.revolution.min.js”></script> <script src=”js/astrum/jquery.themepunch.showbizpro.min.js”></script> <script src=”js/astrum/jquery.easing.min.js”></script> <script src=”js/astrum/jquery.tooltips.min.js”></script> <script src=”js/astrum/jquery.magnific-popup.min.js”></script> <script src=”js/astrum/jquery.superfish.js”></script> <script src=”js/astrum/jquery.twitter.js”></script> <script src=”js/astrum/jquery.flexslider.js”></script> <script src=”js/astrum/jquery.jpanelmenu.js”></script> <script src=”js/astrum/jquery.contact.js”></script> <script src=”js/astrum/jquery.isotope.min.js”></script>

Finally, I have added jquery to initiate the slider:

<script type=”text/javascript”>

var tpj=jQuery;
   tpj.noConflict();
   tpj(document).ready(function() {
      if (tpj.fn.cssOriginal!=undefined)
      tpj.fn.css = tpj.fn.cssOriginal;
      tpj('.fullscreenbanner').revolution({
         delay:9000,
         startwidth:960,
         startheight:500,

onHoverStop:"on",

thumbWidth:100,
   thumbHeight:50,
   thumbAmount:3,

hideThumbs:0,

navigationType:"bullet",
navigationArrows:"solo",
navigationStyle:"round",
navigationHAlign:"left",
navigationVAlign:"bottom",
navigationHOffset:30,
navigationVOffset:30,

soloArrowLeftHalign:"left",
soloArrowLeftValign:"center",
soloArrowLeftHOffset:20,
soloArrowLeftVOffset:0,

soloArrowRightHalign:"right",
soloArrowRightValign:"center",
soloArrowRightHOffset:20,
soloArrowRightVOffset:0,

touchenabled:"on",

stopAtSlide:-1,
stopAfterLoops:-1,
hideCaptionAtLimit:0,
hideAllCaptionAtLilmit:0,
hideSliderAtLimit:0,

fullWidth:"off"

});

});

</script>

But it only shows the text. I dont see any arrow or anything that can move or automatically rotate slider. Of course I have not copy any images from astrum web site for slider but I was expecting at least jquery kick in with slider.

For example I am able to set up show biz client thing without any problem.

I don’t understand, you don’t have to copy anything to get Revolution Slider working. It just works on demo homepage. Could you provide link to your site? Are you trying to use latest version of Revolution Slider? Please clarify and provide more info.

Okay, the problem is I am not using Astrum Template entirely as it is. I am using another webstore and try to sleves up cosmetically using features provided on Astrum template. Therefore I require to move pieces here and there.

Are you sure that you copied whole CSS? https://pastebin.com/24zsKbpQ

also where did you get that JS code for Revolution Slider? Code used in Astrum seems to be other:

/*----------------------------------------------------*/
/*    Revolution Slider
/*----------------------------------------------------*/

    if ($.fn.cssOriginal != undefined) {
        $.fn.css = $.fn.cssOriginal;
    }

    $(document).ready(function(){
        $('.fullwidthbanner').revolution({
            delay: 9000,
            startwidth: 1180,
            startheight: 470,
            onHoverStop: "on", // Stop Banner Timet at Hover on Slide on/off
            navigationType: "none", //bullet, none
            navigationArrows: "verticalcentered", //nexttobullets, verticalcentered, none
            navigationStyle: "none", //round, square, navbar, none
            touchenabled: "on", // Enable Swipe Function : on/off
            navOffsetHorizontal: 0,
            navOffsetVertical: 20,
            stopAtSlide: -1, // Stop Timer if Slide "x" has been Reached. If stopAfterLoops set to 0, then it stops already in the first Loop at slide X which defined. -1 means do not stop at any slide. stopAfterLoops has no sinn in this case.
            stopAfterLoops: -1, // Stop Timer if All slides has been played "x" times. IT will stop at THe slide which is defined via stopAtSlide:x, if set to -1 slide never stop automatic
            fullWidth: "on",
        });
    });

I get the code from documentation provided with Astrum Template? What css components should I copy from style.css present with Astrum template.

CSS: https://pastebin.com/24zsKbpQ

Is there anyway I can share screen shot. It is on local host.

I think it is working after putting your javascript and copy css. The only thing is missing that I am not able to see the right and left arrow and it does not extend to full browser width

Never mind I copy the images from astrum. It is working. The only thing I am working on is full browser width. Will let you know if any problem occur.