Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
serveurs:sinp-paca:cms-theme [2021/03/02 15:27] – [CSS additionnel] jpmilcent | serveurs:sinp-paca:cms-theme [2022/03/27 12:29] (Version actuelle) – [CSS additionnel] jpmilcent |
---|
* Dans le menu "//Apparence//" > "//Éditeur de thème//" : | * Dans le menu "//Apparence//" > "//Éditeur de thème//" : |
* "inc" > "template-tags.php" > "$posted_on" : suppression du libellé (voir [[https://github.com/cbn-alpin/silene-geonature/issues/44#issuecomment-728136688|#44]]) | * "inc" > "template-tags.php" > "$posted_on" : suppression du libellé (voir [[https://github.com/cbn-alpin/silene-geonature/issues/44#issuecomment-728136688|#44]]) |
| |
| ==== Modification du theme Understrap ==== |
| * Sur //web-srv//, se connecter au docker : '' '' |
| * Se rendre dans le dossier ///var/www/html/wp-content/themes/understrap/css// : ''cd /var/www/html/wp-content/themes/understrap/css'' |
| * Éditer le fichier //theme.min.css// : '' vi theme.min.css '' |
| * Commenter : <code css>.aligncenter,.d-block{/*display:block!important*/}</code> |
===== CSS additionnel ===== | ===== CSS additionnel ===== |
Afin d'aller au plus rapide, nous avons corrigé le thème Understrap par défaut en surchargeant les CSS de base de la façon suivante : | Afin d'aller au plus rapide, nous avons corrigé le thème Understrap par défaut en surchargeant les CSS de base de la façon suivante : |
#wrapper-navbar #navbarNavDropdown { | #wrapper-navbar #navbarNavDropdown { |
background-color: #F8F8F8; | background-color: #F8F8F8; |
| width: 100%; |
} | } |
#wrapper-navbar #navbarNavDropdown .nav-link { | #wrapper-navbar #navbarNavDropdown .nav-link { |
background-color: #F7F9EC; | background-color: #F7F9EC; |
color: #97BF0D !important; | color: #97BF0D !important; |
| } |
| #wrapper-navbar #navbarNavDropdown #main-menu { |
| margin-left: 0 !important; |
} | } |
#wrapper-footer-full, #wrapper-static-hero { | #wrapper-footer-full, #wrapper-static-hero { |
} | } |
| |
#wrapper-footer-full { | @media (min-width: 576px ) { |
background-position: center; | |
background-size: 100%; | |
background-image: url(https://cms.silene.eu/wp-content/uploads/2020/11/bottom_cms_logos_small.png); | |
background-repeat: no-repeat; | |
} | |
| |
@media (min-width: 576px) { | |
#wrapper-navbar .navbar .container { | #wrapper-navbar .navbar .container { |
background-position: 120px center; | background-position: 120px center; |
background-image: url(https://cms.silene.eu/wp-content/uploads/2020/11/1-bandeau-mele_sinp_petit.jpg) | background-image: url(https://cms.silene.eu/wp-content/uploads/2020/11/1-bandeau-mele_sinp_petit.jpg) |
} | } |
| } |
#wrapper-footer-full { | |
background-size: 90%; | @media (max-width: 767.98px) { |
background-image: url(https://cms.silene.eu/wp-content/uploads/2020/11/bottom_cms_logos_med.png); | #footer-full-content .footer-widget { |
| background-size: 100%; |
| background-image: url(https://cms.silene.eu/wp-content/uploads/2022/03/bottom_cms_logos_med-nouveauLogos_small.png); |
| height: 91px; |
| background-repeat: no-repeat; |
| background-position: center; |
| } |
| |
| #footer-full-content .footer-widget img { |
| display: none; |
} | } |
| |
} | } |
| |
@media (min-width: 768px) { | @media (min-width: 768px) { |
#wrapper-navbar .navbar .container { | #wrapper-navbar .navbar .container { |
background-position: 120px top; | background-position: 121px -6px; |
background-size: 80% 110px; | background-size: 80% 110px; |
background-image: url(https://cms.silene.eu/wp-content/uploads/2020/11/1-bandeau-mele_sinp.jpg); | background-image: url(https://cms.silene.eu/wp-content/uploads/2020/11/1-bandeau-mele_sinp.jpg); |
font-size: 1rem; | font-size: 1rem; |
} | } |
| |
#wrapper-footer-full { | #footer-full-content .footer-widget { |
background-size: 90%; | background-size: 100%; |
background-image: url(https://cms.silene.eu/wp-content/uploads/2020/11/bottom_cms_logos.png); | background-image: url(https://cms.silene.eu/wp-content/uploads/2022/03/bottom_cms_logos_med-nouveauLogos.png); |
| height: 91px; |
| background-repeat: no-repeat; |
| background-position: center; |
| } |
| |
| #footer-full-content .footer-widget img { |
| display: none; |
} | } |
| |
} | } |
| |