Jump to content

Modification Taille de Bloc


Recommended Posts

Bonjour tous le monde :)

 

Je souhaiterais modifier la hauteur et la mise en page du text sur 2 bloc

 

voir pièces jointes

 

1.  Je souhaiterais diminuer la haute du bloc (voir pj 1)

2.  Centrer le texte sur le block 5 voir ( voir pj 2)

 

Merci de votre aide

post-1077572-0-10068900-1481798799_thumb.png

post-1077572-0-53717900-1481798827_thumb.png

Edited by Lugio (see edit history)
Link to comment
Share on other sites

merci,

pour le premier block c'est le '#cmsinfo_block' dans le global.css.

J'ai bien essayé de modifier les valeurs height mais il ce passe rien :(

apres le probleme c'est qu'il y a plusieurs cmsinfo_block dans le global.css et je suis un peu perdu 

#cmsinfo_block {
  overflow: hidden;
  background: #f2f2f2;
  min-height: 344px;
  height: 344px;
  padding-right: 29px;
  padding-left: 29px; }
  @media (max-width: 991px) {
    #facebook_block,
    #cmsinfo_block {
      min-height: 150px;
      height: 150px;
      padding-left: 13px;
      padding-right: 13px; } }
  @media (max-width: 767px) {
    #facebook_block,
    #cmsinfo_block {
      width: 60%;
      min-height: 1px; } }
 
#facebook_block h4 {
  padding: 35px 0 0 0;
  margin: 0 0 12px 0;
  font: 300 21px/25px "Open Sans", sans-serif;
  color: #6f6d6d; }
  @media (max-width: 991px) {
    #facebook_block h4 {
      font-size: 18px; } }
  @media (max-width: 767px) {
    #facebook_block h4 {
      padding-top: 20px !important; } }
  @media (max-width: 768px) {
    #facebook_block h4 {
      font-size: 16px; } }
#facebook_block .facebook-fanbox {
  background: #fff;
  border: 1px solid #aaaaaa;
  padding-bottom: 10px; }
 
#cmsinfo_block {
  border-left: 1px solid #d9d9d9; }
  @media (max-width: 767px) {
    #cmsinfo_block {
      border: none;
      margin-top: 10px; } }
  #cmsinfo_block > div {
    padding: 35px 10px 0 0; }
    @media (max-width: 767px) {
      #cmsinfo_block > div {
        padding-top: 20px; } }
    @media (max-width: 479px) {
      #cmsinfo_block > div {
        width: 100%;
        border-top: 1px solid #d9d9d9; } }
  #cmsinfo_block > div + div {
    border-left: 1px solid #d9d9d9;
    min-height: 344px;
    padding-left: 29px; }
    @media (max-width: 479px) {
      #cmsinfo_block > div + div {
        border-left: none;
        padding-left: 10px;
        min-height: 1px;
        padding-bottom: 15px; } }
  #cmsinfo_block em {
    float: left;
    width: 60px;
    height: 60px;
    margin: 3px 10px 0 0;
    font-size: 30px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    background: #6f6d6d;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px; }
    @media (max-width: 991px) {
      #cmsinfo_block em {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 20px; } }
  #cmsinfo_block .type-text {
    overflow: hidden; }
  #cmsinfo_block h3 {
    margin: 0 0 5px 0;
    font: 300 21px/25px "Open Sans", sans-serif;
    color: #6f6d6d; }
    @media (max-width: 1199px) {
      #cmsinfo_block h3 {
        font-size: 18px; } }
  #cmsinfo_block ul li {
    padding-bottom: 22px; }
    @media (max-width: 1199px) {
      #cmsinfo_block ul li {
        padding-bottom: 10px; } }
    @media (max-width: 991px) {
      #cmsinfo_block ul li {
        padding-bottom: 0; } }
  #cmsinfo_block p em {
    background: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    font-size: 13px;
    color: #777777;
    float: none;
    height: inherit;
    line-height: inherit;
    text-align: left;
    font-style: italic; }
 
.ie8 #facebook_block,
.ie8 #cmsinfo_block {
  height: 344px; }
Edited by Lugio (see edit history)
Link to comment
Share on other sites

le voici

 

Mon site

 

Pour le premier problème j'ai trouvé donc résolu, c’était dans "/your_theme/css/ptmfix.css" qu'il fallait que je modifie

#facebook_block, #cmsinfo_block, #cmsinfo_block > div + div
set:

min-height: 125px;

par contre toujours pas trouvé pour le centrage du texte dans le footer 

 

 

post-1077572-0-38291000-1481812855_thumb.png

Link to comment
Share on other sites

dans ton global.css de ton theme :

 

recherche 

.footer-container #footer .footer-block

aux environ de la ligne  7245

 

complète le code avec ceci :

.footer-container #footer .footer-block {
margin-top : 45px;
margin-left : 100px;
text-align : center ;

}

cela devrai te convenir

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...