Jump to content

modification taille image carrousel


Recommended Posts

bonjour

avec la version 1.7.7.1 je n'arrive pas a redimensionner la taille du carrousel !  il prend toute la page...

j'ai modifié le fichier modules/ps_imageslider/css/homeslider.css   mais sans succes... (jai passé les valeurs 100 % a des valeurs plus petites)

mon fichier:homeslider.css

.homeslider-container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 50%;
}

.homeslider {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 50%;
  padding: 0;
  margin: 0;
}

.homeslider li {
  position: absolute;
  width: 50%;
  left: 0;
  top: 0;
}

.homeslider img {
  display: block;
  position: relative;
  z-index: 1;
  height: 30%;
  width: 30%;
  border: 0;
}

.homeslider .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 1em;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .6);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
}

.homeslider_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../homeslider.gif") no-repeat left top;
  margin-top: -45px;
}

.homeslider_nav:active {
  opacity: 1.0;
}

.homeslider_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
}

 

une autre idée ??  j’aimerais que le carrousel soit entièrement visible sans scrolling

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...