Modifier le bas de page du design Barcelona

[baba78]

Bonjour à tous,

Actuellement en train de refaire un site (j'ai déjà plusieurs sites Jimdo), je viens de finir la page d'accueil.
J'utilise le design Barcelona.

Hors, il se trouve que tout en bas de ce design, il persiste une zone impossible à supprimer et qui "oblige" à sélectionner, utiliser un élément. Voir la photo ci-dessous. Du coup, en mode affichage, il reste un trop grand espace entre les derniers éléments et le bas de la page. Pas très esthétique.
Pourriez-vous me dire comment le supprimer ?



Il existait un espace en haut qui ne me plaisait pas, j'ai réussi à le virer en venant consulter ce forum mais celui d'en bas, je sèche.

Le code que j'ai dans mon header et qui m'a permis de supprimer l'espace d'en haut (je le mets, ça peut aider de futurs utilisateurs).

<style type="text/css">
/*<![CDATA[*/
.sidebar-options {
   background-color: black !important;
}
.cc-nav-level-0{border-bottom:1px solid white!important;}/*]]>*/
</style>

<style type="text/css">
/*<![CDATA[*/
.tpl-title {
padding: 0px !important;}
.tpl-logo {
margin-top: 0px!important; padding: 0px !important;}
/*]]>*/
</style>


<style type="text/css">
/*<![CDATA[*/
#cc-checkout-billing-address-form input[type="text"], #cc-checkout-shipping-address-form input[type="text"], .cc-checkout-user-note-form textarea, .cc-pagemode-overlay #password, .commententry input[type="text"], .commententry textarea, .j-formnew .cc-m-form-view-sortable input[type="email"], .j-formnew .cc-m-form-view-sortable input[type="text"], .j-formnew .cc-m-form-view-sortable textarea, .j-googlemaps .cc-map-route-start, .j-newsletterbox input[type="email"] {background-color: white!important;}

/*]]>*/
</style>

En vous remerciant d'avance.

Baba78

[FilmsdeLover]

Cette partie basse du design est la "sidebar", un emplacement qui apparait à l'identique sur toutes les pages de votre site. Etes-vous sûr de vouloir l'enlever avec un code alors qu'elle est généralement utilisée pour mettre les infos de contact, les icônes de partage sur les réseaux sociaux etc.

[baba78]

Bonjour FilmsdeLover,

Les îcones des Mentions Légales, contacts etc...sont accessibles autrement, via de petites logos, donc images (on les aperçoit sur la copie d'écran ci-dessous).
Donc à votre interrogation, je réponds OUI.
Peut-être peut-on simplement réduire cet espace ?

Car actuellement, voilà ce que ça donne en version lecture, la barre grise tout en bas est la fenêtre Safari, notez le bien trop grand espace.



Je vais faire une copie avant de mon code d'header actuel au cas ou.

Bien à vous.

[FilmsdeLover]

Je ne parlais pas des mentions légales ou autre, mais des icônes de partage, les box Fans Facebook, les comptes Twitter, ce genre de trucs. Elle peut être enlevée avec des codes mais si vous ne me donnez pas l'adresse du site, je ne peux rien faire par contre.

[baba78]

Ok, je comprends mieux.
Pas nécessaire que je puisse avoir accès aux box citées. Je ne m'en servirai pas.

Cordialement et merci d'avance !

[baba78]

Si plus d'informations sont nécessaires FilmsdeLover, n'hésitez pas à me demander.

[baba78]

Dans l'attente du retour de FilmsdeLover,

J'ai essayé :
<style type="text/css">
/*<![CDATA[*/
div.leftrow
{display: none !important;}
/*]]>*/
</style>

et

<style type="text/css">
/*<![CDATA[*/
#footer {display: none;}
/*]]>*/
</style>

Aucun des 2 ne fonctionne.

[baba78]

Bonjour à tous,

Quelqu'un est-il en mesure de m'aider ?

Bien à vous.

[baba78]

Cette partie basse du design est la "sidebar"

Bonjour FilmsdeLover,

En me basant sur le fait qu'il s'agit de la sidebar et sur des tutos trouvés, j'ai appliqué ce ci à mon head :

<style type="text/css">
/*<![CDATA[*/
#sidebar {none;}
/*]]>*/
</style>

Ca n'a pas fonctionné
Je continue à chercher...

[Solie]

None quoi ? Normalement, un affichage est défini par display. Je suppose que si vous souhaitez cacher l'affichage d'une div, ce serait plutôt {display: none;} que {none;} tout seul.

[baba78]

Bonsoir Solie,

Effectivement...
J'ai donc modifié le code à mettre dans le head.
Ca ne fonctionne pas. La page reste identique.

Merci tout de même

[Solie]

Il vous manque un élément devant #sidebar, je pense

[baba78]

Très honnêtement, vu mon niveau...je pense qu'il manque des choses oui !

Pour résumer, voici ce que j'ai mis dans le head, sans effet :

<style type="text/css">
/*<![CDATA[*/
#sidebar {display: none;}
/*]]>*/
</style>

[Solie]

C'est parce que le code est incomplet. Allez sur votre site en tant que visiteur. Faites un clic droit sur votre sidebar, et inspectez l'élément. Vous devriez voir en surbrillance le nom adéquat. Vous pouvez aussi installer Firebug pour Mozilla qui vous aidera à tester vos codes en direct. Maintenant, vu que votre page est complètement vide et noire, ça risque d'être pénible pour voir si vos codes agissent.

Mettez des éléments sur votre page déjà, pour pouvoir distinguer la sidebar du contenu, ou attribuez une couleur à votre sidebar

[baba78]

Re bonsoir,

Je viens de mettre des éléments, qui je l'espère, seront explicites.
Je viens de sélectionner "inspecter l'élément, voilà ce que j'ai.
Du chinois pour moi

[Solie]

Vous avez cliqué sur l'image que vous venez de mettre dans la sidebar. Ça vous renseigne dessus, adresse url, etc.

Cliquez sur le noir à peine au dessous ou à côté, en prenant soin de rester dans la zone de la sidebar.

[baba78]

J'ai essayé de faire au mieux :

Cette partie donne ça :




Ensuite j'ai ça :




Et en élargissant encore un peu :

[Solie]

Vous êtes encore sur l'image. Cliquez encore un peu en dessous

[baba78]

J'arrive à ça :

[Solie]

Voilà.

Je vous préviens je suis nulle en code aussi.

Sur la droite, à règles
dans l'accolade élément,
entrez display:none;

[baba78]

Désolé Solie,

Je ne comprends pas

OK, j'ai trouvé règles.
Mais point de d'accolades

[Solie]

Vous êtes dans l'inspecteur, sur la ligne sidebar-options

Vous avez un tableau à droite, avec règles, calculé, polices...

À règles, tapez dans éléments {display: none;}

[baba78]

OK, j'ai fait. Il ne se passe rien.

[Solie]

Alors, vous n'avez pas fait. Si vous faîtes, la sidebar disparaît.

[baba78]

C'est bien ici Solie ?
Vous avez une patience...belle qualité.

[Contenu sponsorisé]