Jump to content

Changer le background

smartsco
 Share

Recommended Posts

smartsco Newbie

smartsco

Posted
Posted

Bonjour,

 

Je cherche un moyen de changer le background de mon site http://www.cigless.fr/ et de supprimer le fond blanc des pages pour que l'on puisse voir le background derrière les produits..

 

Je cherche dans global.css mais je seche.. 

 

 

/* ****************************************************************************

reset
**************************************************************************** */
 
/* **************************Fix Print********************** */
@media print {
  a:link:after, a:visited:after {
    content: "";
  }
}
html {background:#FFF}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;line-height:16px}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;line-height:18px}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit}
del, ins{text-decoration:none}
caption,th{text-align:left}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline; color:#990000; font-size:100%}
legend{color:#000}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{font-size:100%}
.clear { clear:both }
.fs9{ font-size:9px; }
.fs10{ font-size:10px; }
.fs11{ font-size:11px; }
.fs12{ font-size:12px; }
.fs13{ font-size:13px }
.fs14{ font-size:14px }
textarea {padding:0 3px}
/* Fix google map no show control left */
 #map img{max-width: inherit}
/* Fix zoom product */
.zoomdiv img.bigimg{max-width: inherit} 

 

 

et 

 

eneric style

************************************************************************************************ */
body{
background: url("../img/bg_body.png") repeat;
line-height:15px;
color:#000000;
padding:0;
font-family: 'Roboto', sans-serif;
}
.quickview-wrapper {background:#fff}
.btn {text-shadow:0}
ul ,li  { list-style:none }
.container, .navbar-static-top .container, .navbar-fixed-top .container,
.navbar-fixed-bottom .container { padding:0 20px; background:#fff }
/* positionnement *********** */
.hidden {display:none}
.f_right {float:right}
p.center {text-align:center}
.clearBoth {clear:both}

 

Des idées?

Link to comment
Share on other sites
Qazema Newbie

Qazema

Posted
Posted

Il vous faut retirer le "background-color: #fff;" de la classe :

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container

 

La compression CSS est un paramètre qui se règle dans "Paramètres avancés" -> "Performances" -> Cache des feuiles de style.

 

Il vous faut le désactiver sinon on ne pourra pas vous dire dans quel fichier de votre thème ce trouve la classe citée ci-dessus.

Link to comment
Share on other sites
smartsco Newbie

smartsco

Posted
  • Author
Posted (edited)

J'ai enlevé la compression du CSS

Mais  je ne vois pas dans quel fichier il se trouve

 

J'ai l'impression que le  background est géré pas plusieurs modules comme enfin dans plusieurs blocks si j'inspecte l'élément il m'inspecte pas seulement le background

Edited by smartsco (see edit history)
Link to comment
Share on other sites
Szed Newbie

Szed

Posted
Posted

Hello :)

 

le fond blanc de la page est généré par : 

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
padding: 0 20px;
background: #FFF;
}

Ligne 82 du global.css

Link to comment
Share on other sites
smartsco Newbie

smartsco

Posted
  • Author
Posted

Merci beaucoup pour votre aide mais comment le rendre transparent ?

 

J'ai une autre question (j'ai cherché un peu sur le net avant de venir vous embêter avec mes questions de novice) mais j'aimerai que le background soit une seule image pas quelle se répète, sauf que je connais pas la taille de l'image a mettre (car j'imagine que selon la resolution du visiteur ça aura un aspect different ?)

 

Merci encore

Link to comment
Share on other sites
smartsco Newbie

smartsco

Posted
  • Author
Posted

Je fais quelque test mais je vais changer tout ça. La je cherche a mettre un slider en pleine page (enfin qui prend toute la largeur.) mais impossible je pense avec mon module actuel

 

 

eobttslider {

position:relative;
overflow: hidden;
background:#dcdadd;
}
.slide-description {font-size:14px}
.leobttslider .carousel-inner{
position:relative; 
}
.leobttslider .banner-info{
background:url(images/bg-slider.png);
color: #FFFFFF;
    line-height: 18px;
    min-height: 100px;
    padding: 0px;
    position: absolute;
    right: 45px;
    text-align: center;
    bottom: 55px;
    width: 225px;
    z-index: 7;
}
.carousel-inner > .item a{ 
}
 
.slide-info {
    top:28px;
    color: #fff;
    padding:20px;
text-align:right;
    position: absolute;
    left:5%;
    width:85%;
    z-index: 2;
}
.slide-info .slide-title{font-size: 39px; margin-bottom:20px; text-transform:uppercase; font-weight:700}
.slide-info > div{ 
 
}
.banner-info .slide-title {
color: #fff;
text-transform: uppercase;
margin: 15px 0;
}
.banner-info a.bnt{
border: 3px solid #e1596c;
color: #45a5a5;
background: #fff;
border-radius: 5px;
text-transform: uppercase;
padding: 0 22px ;
line-height: 35px;
display: inline-block;
margin: 20px 0 10px;
font-family: "lora",arial;
font-size: 13px;
font-weight: 700;
}
.leobttslider .carousel-inner > .item { padding: 0 }
.leobttslider .carousel-control {
    background-image:url("images/bg_nprev_slide.png");
background-color:#3A3A3A;
    display: block;
height:40px;
width:30px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999em;
top:50%;
border:0;
border-radius:0;
background-repeat:no-repeat;
margin-top:-20px;
-webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s
}
.leobttslider .carousel-control.left {
left:-100px;
}
.leobttslider:hover .carousel-control.left {
background-position:8px -28px;
left: 0;
}
.leobttslider .carousel-control.right  {
right:-100px; 
background-position:10px 10px;
}
.leobttslider:hover .carousel-control.right {
right: 0;
}
.leobttslider .carousel-control.left:hover, .leobttslider .carousel-control.right:hover {background-color:#58B0DA}
.leobttslider .carousel-indicators{
    display: block;
background-color:#3A3A3A;
    position: absolute;
    right: 0;
top:auto;
    padding-right: 7px;
bottom: -100px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
    z-index: 3
}
.leobttslider:hover .carousel-indicators {
bottom: 0;
}
/* Change style thumslist */
.leobttslider .carousel-indicators li{ display:block;float:left; z-index:20;
padding:10px; 
margin:3px;
border-radius: 0
}
.leobttslider .carousel-indicators li.active{ 
border: 2px solid #258ea1;
}
.leobttslider .carousel-indicators li { 
border: 2px solid #9fa1a4;
}
.leobttslider  .thumb-indicators li {
text-indent:0; 
    display: block;
    float: left;
    height: auto;
    margin: 10px 0 10px 8px;
    padding: 0;
    text-indent: 0;
    width: auto;
    z-index: 20;
cursor:pointer
}
#slideshow  .carousel-control:hover {background-color:#58B0DA}
.link_detailsl {border-radius:2px 2px 2px 2px; background:#d8d8d8; padding:5px 15px; color:#1f192f; font-size:13px; text-transform:uppercase; border:1px solid #cccccc}
.detail_slid {line-height:25px; margin-top:20px}
/* End */
 
Link to comment
Share on other sites
Qazema Newbie

Qazema

Posted
Posted (edited)

Quand tu dis pleine page, tu penses à la largeur totale de la fenêtre de ton navigateur ? Si oui c'est tout à fait réalisable, il te faut créer un hook qui sort du flux du container, y gréffer ton module et spécifier la largeur de ton slider à 100% (idem pour le container du hook).

Edited by Qazema (see edit history)
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
 Share
Go to topic listing
×
×
  • Create New...