Modifier padding-top ?

[vincent47]

Bonjour à tous,

 

Je cherche à faire descendre mon block centrale pour rendre visible l'image que j'ai en background... en vain !

 

Avec firebug j'ai "trouvé" la valeur à modifier :

<section class="clearfix" id="page" style="padding-top: 205px;">

element.style {
        padding-top: 205px;
}

Avec firebug en remplacent 205px par 615px j'obtiens bien le résultat attendu, sauf que je n'arrive pas à mettre la main sur le fichier contenant ce code...

Une idée ?

 

Merci par avance.

 

 

[loulou66]

Coucou

 

le Css est directement inserer dans le tpl il faut donc modifier le tpl

une recherche de "id="page" "dans les dossier avec notepad++ sut ton theme copier sur ton pc te permettras de trouver le fichier tpl je pense

 

@++

 

Loulou66

[vincent47]

Salut Loulou,

 

Merci pour ta réponse, j'ai trouvé le code(en partie) dans le fichier header.tpl du thème :

		<section id="page" class="clearfix">
			
			<!-- Header -->
			<header id="header" class="navbar-fixed-top clearfix">
				<section id="topbar">
					<div class="container">
						{$HOOK_TOP}	
					</div>
				</section>
				<section id="header-main">
					<div class="container" >

J'ai essayé en ajoutant ceci :

<section id="page" class="clearfix" style="padding-top: 615px;">
			

Mais toujours rien et avec firebug je trouve toujours la valeur 205px, cache vidé.

 

Je sèche complet, voici le lien du site : www.avsmoto.fr

[Vinum]

Bonjour,

Tes fichiers css sont mis en cache. Désactive la mise en cache des fichiers css pour voir dans quel fichier se trouve ce que tu veux changer. Normalement firebug t'indiquera le fichier et le N° de ligne de ce que tu veux modifier.
Autre solution: Comme tu as trouvé ou le modifier dans le fichier tpl, tu peux le modifier en dur mais en ajoutant !important.

exemple : style="padding-top:615px !important;"

[loulou66]

Coucou

 

ha je n'avais pas fais attention mais tu as rajouter les style via firebug donc on revommence ^^

remet le tpl comme il etait et dans theme/ton_theme/css/global.css

recherche #page 

si tu en trouve un rajoute l'instruction

padding-top:615px;

sinon tu la crée an rajoutant

#page{padding-top:615px;}

 

@++

 

Loulou66

[vincent47]

Bingo !

 

Dans le global CSS du thème :

/* ************************************************************************************************
		struture
************************************************************************************************ */
#page {}
	#header {z-index:999}
	#columns {z-index:1; margin-bottom: 20px;}
	#index  #columns {margin-bottom: 0;}
		#left_column {}
		#center_column {}
		#right_column {}
	#footer {}
		.container {padding: 0;}

J'ai bidouillé un petit moment avant d'avoir le résultat attendu, au final voici le code fonctionnel :

/* ************************************************************************************************
		struture
************************************************************************************************ */
#page {}
	#header {z-index:999}
	#columns {z-index:1; margin-bottom: 20px;}
	#index  {padding-top: 435px;} #columns {margin-bottom: 0;}
		#left_column {}
		#center_column {}
		#right_column {}
	#footer {}
		.container {padding: 0;}

435 au lieu de 615, voici le résultat avsmoto

C'est un bon début, maintenant je vais voir si c'est possible de modifier l'image d'arrière plan façon slider...

 

Grand merci à toi Loulou