The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Resize Nivo Slider Image

View previous topic View next topic Go down

Solved Resize Nivo Slider Image

Post by angel_of_night on November 21st 2014, 9:34 pm

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.

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 November 21st 2014, 10:35 pm

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" />

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Resize Nivo Slider Image

Post by angel_of_night on November 21st 2014, 11:44 pm

Yes I tried that but didn't work

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 November 21st 2014, 11:50 pm

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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Resize Nivo Slider Image

Post by angel_of_night on November 22nd 2014, 12:17 am

Worked, thanks Very Happy

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 November 22nd 2014, 12:23 am

You're welcome Smile

Topic archived

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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