chitrag

Here is the css file. /* Visit http://www.menucool.com/responsive-slider for instructions */ #ninja-slider { width:100%; background:#FFF; padding: 0!important; margin:0 auto; overflow:hidden; box-sizing:border-box; } #ninja-slider .slider-inner { /*max-width:720px;*/ margin:0 auto;/*center-aligned */ font-size:0px; position:relative; box-sizing:border-box; } #ninja-slider ul { position:relative; list-style:none; padding:0; box-sizing:border-box; background:black; } #ninja-slider li { width:100%; height:100%;

Thanks Well, now my issue is resize of caption font. I reduced the font size 10em to 1em in css but no effect

<img class="ns-img" src="wp-content/uploads/2017/01/P3230023.jpg"> it works changing code as above

How to do that ?

It does not make difference after inserting &nbsp;

Hi, I am trying to insert this code in my wordpress page. <!--start--> <div id="ninja-slider"> <div class="slider-inner"> <ul> <li> <a class="ns-img" href="wp-content/uploads/2017/01/DSC0102-1.jpg"></a> <div class="caption"></div> </li> <li> <a class="ns-img" href="wp-content/uploads/2017/01/DSC0159.jpg"></a> <div class="caption"></div>

Hi I have been using a tool to create responsive tab with wordpress theme but suddenly it is not working with desktop and large screen how to fix it ? Example

Hi, After applying Foundation 5 to make responsive menu in my site. Background color changed to white and page should look like this screenshot but it looks different. Here is my css code @charset "utf-8"; body { margin: 0px; padding: 0px; background:url(images/bg.png); } .container { width:890px; margin:auto; } .logo { padding:50px 0px; font:bold 14px/50px Arial, Helvetica, sans-serif; color:#fff; display: inline; } .logo a:link, .logo a:visited, .logo a:active, .logo a:hover { font:bold 34px/50px Arial, Helvetica, sans-serif; color:#858585; letter-spacing:-3.

Hello, I am trying to use a widget with the following code but it does not work fully in my site. I could not figure out what is wrong. I followed all the steps but not worked. <div class="mozio-widget" data-ref="mozio" data-theme="default" data-redirect="www.mozio.com"> <div class="mozio-widget-loading"> <img src="//widget.mozio.com/images/ajax.gif" class="mozio-ajax"> <p class="mozio-loading">Loading...</p> <a href="https://www.mozio.com" target="_blank"> <img src="//widget.mozio.com/images/logo.png" alt=""&

When I change these value as suggested in above custom.css all the contents goes below side menu. Need additional code ? if so example

Hi, I m looking to convert my vertical menu http://egtours.com to responsive. How can I make it. my custom.css html { height: 100%; margin-bottom: 1px; } body { margin: 0px; padding: 0px; background-color: #CCCCCC; } body, td.sohotext, td.text, p, span { font-family: sans-serif, Helvetica, Verdana, Arial; font-size: 13px; color: #525252; line-height: 140%; } /* Fixes and hacks */ .clearfix:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } * html input.quick_signup { background-attachment: fixed; } /*END - Fixes and Hacks */ /*

Hi, I tested imageslider in my site http://egtours.com/test.php But it does not appear in full size. #ninja-slider div.slider-inner { margin:0 auto;/*center-aligned */ font-size:0px; position:relative; box-sizing:border-box; } #ninja-slider.fullscreen .slider-inner { width:95%; max-width:900px; } Make the slider full-width (100%)Just remove the max-width setting in the ninja-slider.css, e.g.#ninja-slider div.slider-inner { max-width:800px; } I made changes as above as advised from plug in maker but nothing change

Hi, I m trying to customize image slider but not success. http://egtours.com/test.php here I tested my image slider but next and previous aero not appearing. Expand button coming over close button. Black boarder is more larger than normal. here is css file /* Visit http://www.menucool.com/responsive-slider for instructions */ #ninja-slider { width:100%; background:#333; padding: 30px 0; margin:0 auto; overflow:hidden; box-sizing:border-box; } #ninja-slider.fullscreen { background:black; } #ninja-slider .fs-icon { top:10px; right:6px; width:60px

I think using foundation.css making these issues. Now all is well using custom.css

Hi, After applying foundation.css in my site, tooltips and lightbox are not working and fonts are being big. Tool tips http://egtours.com/ Lightbox http://www.egtours.com/10_days_nepal_trip.php click in photo gallery my custom.css file html { height: 100%; margin-bottom: 1px; } body { margin: 0px; padding: 0px; background-color: #CCCCCC; } body, td.sohotext, td.text, p, span { font-family: sans-serif, Helvetica, Verdana, Arial; font-size: 13px; color: #525252; line-height: 140%; } /* Fixes and hacks */ .clearfix:after { clear: both; display: block; conten