Resize Nivo Slider Image

Go down

Solved Resize Nivo Slider Image

Post by angel_of_night on 21/11/2014, 21:34

How can I resize my nivoslider image?

I am using this code:

Code:
<p>
     <style type="text/css"><!--#content-container div#left, #content-container div#right{display:inline;}#content-container div#content{margin-right:300px;}--></style> <link media="screen" type="text/css" href="http://static.tumblr.com/hhedat8/8cbmksz3o/nivo-slider.css" rel="stylesheet" /><link media="screen" type="text/css" href="http://static.tumblr.com/hhedat8/NnQmksygd/bar.css" rel="stylesheet" /><link media="screen" type="text/css" href="http://static.tumblr.com/hhedat8/J4Bmksyye/default.css" rel="stylesheet" />
</p>
<center>
    
   <div id="wrapper">
       
      <div class="slider-wrapper theme-default">
          
         <div class="nivoSlider" id="slider">
              <img style="width: 500px; height: 500px;" title="Awesome Community of NamelessCraft" src="http://i.imgur.com/lhilCfK.png" />     
         </div>
                
      </div>
             
   </div>
</center>
 <script type="text/javascript" src="http://static.tumblr.com/hhedat8/NqOmksx73/jquery.nivo.slider.js"></script>    <script type="text/javascript">
    jQuery(window).load(function() {
        jQuery('#slider').nivoSlider();
    });
</script>
<p>
</p>


URL: www.namelesscraft.org


Thank you.
avatar
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Solved Re: Resize Nivo Slider Image

Post by Ange Tuteur on 21/11/2014, 22:35

Have you resized the height and width of this image ?
Code:
<img style="width: 500px; height: 500px;" title="Awesome Community of NamelessCraft" src="http://i.imgur.com/lhilCfK.png" />
avatar
Ange Tuteur
Forumaster

Male Posts : 13201
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Resize Nivo Slider Image

Post by angel_of_night on 21/11/2014, 23:44

Yes I tried that but didn't work
avatar
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Solved Re: Resize Nivo Slider Image

Post by Ange Tuteur on 21/11/2014, 23:50

Try adjusting the size with this :
( Add it in Display > Colors > CSS stylesheet )
Code:
.nivoSlider { width:400px !important }
avatar
Ange Tuteur
Forumaster

Male Posts : 13201
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Resize Nivo Slider Image

Post by angel_of_night on 22/11/2014, 00:17

Worked, thanks Very Happy
avatar
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Solved Re: Resize Nivo Slider Image

Post by Ange Tuteur on 22/11/2014, 00:23

You're welcome Smile

Topic archived
avatar
Ange Tuteur
Forumaster

Male Posts : 13201
Reputation : 2917
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum