page faq

web/themes/custom/eql/css-compiled/styles.css

@@ -798,92 +798,105 @@ a {
     background-color: #009ee3;
     text-transform: uppercase; }
 
-.path-faq .block-region-content {
+.path-faq #block-contenudelapageprincipale h2 {
+  font-family: 'Source Code Pro';
+  font-size: 2rem;
+  font-weight: 800;
+  color: #009ee3;
+  background-color: white;
+  text-transform: uppercase;
+  width: fit-content;
+  margin-left: 10%;
+  margin-top: 8rem; }
+
+.path-faq #block-contenudelapageprincipale .block-region-content {
   display: grid;
   grid-template-columns: 1fr repeat(4, 2fr) 1fr; }
-  .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 {
+  .path-faq #block-contenudelapageprincipale .block-region-content .block-config-pages.block-config-pages-block {
+    grid-column: 2 / span 3; }
+  .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 {
     grid-column: 5;
     background-color: #009ee3; }
-    .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien {
+    .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien {
       text-align: center; }
-      .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien:before {
+      .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien:before {
         margin-top: 1rem;
         display: block;
         content: url("../images/pictos/picto_faq.svg"); }
-      .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien a {
+      .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien a {
         font-size: 0.8rem;
         font-weight: 1000;
         color: #09398b;
         text-transform: uppercase; }
-    .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p {
+    .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p {
       margin-top: 0;
       margin-left: 1.5rem;
       margin-right: 1.5rem;
       text-align: center; }
-      .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p a {
+      .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p a {
         font-weight: 800;
         color: white;
         font-size: 1.3rem; }
-      .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p:after {
+      .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p:after {
         display: block;
         content: url("../images/pictos/noun_Arrow_3771902.svg"); }
-  .path-faq .block-region-content .block-views-blockfaq-block-1 {
+  .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 {
     grid-column: 2 / span 3;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr; }
-    .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child {
+    .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child {
       grid-column: 1 / span 3; }
-      .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse {
+      .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse {
         border-bottom: 1px solid #009ee3;
         padding-bottom: 2rem; }
-        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-title {
+        .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-title {
           display: none; }
-        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p {
+        .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p {
           font-family: 'Source Code Pro';
           font-weight: 500;
           color: #09398b;
           font-size: 1.5rem; }
-          .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p:after {
+          .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p:after {
             display: inline-flex;
             content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
             justify-self: flex-end; }
-        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-reponse {
+        .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-reponse {
           display: none; }
-        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .opened {
+        .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .opened {
           display: block; }
-        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers span:nth-of-type(2) {
+        .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers span:nth-of-type(2) {
           display: none; }
-        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf span:nth-of-type(2) {
+        .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf span:nth-of-type(2) {
           display: none; }
-        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf ::before {
+        .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf ::before {
           display: inline-block;
           content: url("../images/pictos/noun_Download_file_307900.svg");
           width: 30px;
           height: 30px;
           padding-right: 0.8rem; }
-        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf a {
+        .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf a {
           display: inline-flex;
           align-items: center;
           color: black;
           font-weight: 800; }
-        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a {
+        .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a {
           display: flex;
           flex-direction: row;
           justify-content: left;
           align-items: center;
           color: black;
           font-weight: 800; }
-          .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a:before {
+          .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a:before {
             display: inline-block;
             content: url("../images/pictos/noun_External Link_674151.svg");
             width: 30px;
             height: 30px;
             padding-right: 0.8rem; }
-        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens svg {
+        .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens svg {
           display: none; }
-        .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress {
+        .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress {
           margin-top: 0.5rem; }
-          .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress a {
+          .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress a {
             color: black;
             text-decoration: underline;
             font-weight: 800; }

web/themes/custom/eql/scss/pages/_faq.scss

@@ -1,136 +1,156 @@
 
 .path-faq{
-    .block-region-content{
-        display: grid;
-        grid-template-columns: 1fr repeat(4, 2fr) 1fr;
-        .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398{
-            grid-column: 5;
-            background-color: $blue-light;
-            .field--name-field-lien{
-                &:before{
-                    margin-top: 1rem;
-                    display: block;
-                    content: url("../images/pictos/picto_faq.svg");
-                    
-                }
-                text-align: center;
-                a{
-                    font-size: 0.8rem;
-                    font-weight: 1000;
-                    color: $blue-dark;
-                    text-transform: uppercase;
-                }
-            }
-            .field--name-field-description{
-                p{
-                    margin-top: 0;
-                    margin-left: 1.5rem;
-                    margin-right: 1.5rem;
-                    text-align: center;
-                    a{
-                        font-weight: 800;
-                        color: $white;
-                        font-size: 1.3rem;
-                    } 
-                    &:after{
-                        display: block;
-                        content:url("../images/pictos/noun_Arrow_3771902.svg")
+    #block-contenudelapageprincipale{
 
-                    }   
-                }
-            }
+        h2{
+            font-family: 'Source Code Pro';
+            font-size: 2rem;
+            font-weight: 800;
+            color: $blue-light;
+            background-color: $white;
+            text-transform: uppercase;
+            width: fit-content;
+            margin-left: 10%;
+            margin-top: 8rem;
         }
-        .block-views-blockfaq-block-1{
-            grid-column: 2 / span 3;
+        .block-region-content{
+
             display: grid;
-            grid-template-columns: 1fr 1fr 1fr;
-            div:first-child{
-                grid-column: 1 / span 3;
-                // width: 70%;
-                // margin: auto;
-                .node-type-question_reponse{
-                    border-bottom: 1px solid $blue-light;
-                    padding-bottom: 2rem;
-                    .field--name-title{
-                        display: none;                 
-                    }
-        
-                    .field--name-field-question{
-                        p{
-                            font-family: 'Source Code Pro' ;
-                            font-weight: 500 ;
-                            color: $blue-dark ;
-                            font-size: 1.5rem;
-                            &:after{
-                                display:inline-flex;
-                                content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
-                                justify-self: flex-end;
-                            }
-                        }  
+            grid-template-columns: 1fr repeat(4, 2fr) 1fr;
+            .block-config-pages.block-config-pages-block{
+                grid-column: 2 / span 3;
+            }
+            .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398{
+                grid-column: 5;
+                background-color: $blue-light;
+                .field--name-field-lien{
+                    &:before{
+                        margin-top: 1rem;
+                        display: block;
+                        content: url("../images/pictos/picto_faq.svg");
+                        
                     }
-            
-                    .field--name-field-reponse{
-                            display: none;
+                    text-align: center;
+                    a{
+                        font-size: 0.8rem;
+                        font-weight: 1000;
+                        color: $blue-dark;
+                        text-transform: uppercase;
                     }
-                    .opened{
-                     display: block;       
+                }
+                .field--name-field-description{
+                    p{
+                        margin-top: 0;
+                        margin-left: 1.5rem;
+                        margin-right: 1.5rem;
+                        text-align: center;
+                        a{
+                            font-weight: 800;
+                            color: $white;
+                            font-size: 1.3rem;
+                        } 
+                        &:after{
+                            display: block;
+                            content:url("../images/pictos/noun_Arrow_3771902.svg")
+    
+                        }   
                     }
-                    .field--name-field-fichiers{        
-                        span:nth-of-type(2){
-                            display: none;
+                }
+            }
+            .block-views-blockfaq-block-1{
+                grid-column: 2 / span 3;
+                display: grid;
+                grid-template-columns: 1fr 1fr 1fr;
+                div:first-child{
+                    grid-column: 1 / span 3;
+                    // width: 70%;
+                    // margin: auto;
+                    .node-type-question_reponse{
+                        border-bottom: 1px solid $blue-light;
+                        padding-bottom: 2rem;
+                        .field--name-title{
+                            display: none;                 
                         }
-        
-                        .file--mime-application-pdf{
+            
+                        .field--name-field-question{
+                            p{
+                                font-family: 'Source Code Pro' ;
+                                font-weight: 500 ;
+                                color: $blue-dark ;
+                                font-size: 1.5rem;
+                                &:after{
+                                    display:inline-flex;
+                                    content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
+                                    justify-self: flex-end;
+                                }
+                            }  
+                        }
+                
+                        .field--name-field-reponse{
+                                display: none;
+                        }
+                        .opened{
+                         display: block;       
+                        }
+                        .field--name-field-fichiers{        
                             span:nth-of-type(2){
                                 display: none;
                             }
-                            ::before{
-                                display: inline-block;
-                                content: url("../images/pictos/noun_Download_file_307900.svg");
-                                width: 30px;
-                                height: 30px;
-                                padding-right: 0.8rem;
+            
+                            .file--mime-application-pdf{
+                                span:nth-of-type(2){
+                                    display: none;
+                                }
+                                ::before{
+                                    display: inline-block;
+                                    content: url("../images/pictos/noun_Download_file_307900.svg");
+                                    width: 30px;
+                                    height: 30px;
+                                    padding-right: 0.8rem;
+                                }
+                                a{
+                                    display: inline-flex;
+                                    align-items: center;
+                                    color: $black;
+                                    font-weight: 800;
+                                }
                             }
+                        }    
+                        .field--name-field-liens{
+            
                             a{
-                                display: inline-flex;
+                                &:before{
+                                    display: inline-block;
+                                    content: url("../images/pictos/noun_External Link_674151.svg");
+                                    width: 30px;
+                                    height: 30px;
+                                    padding-right: 0.8rem;
+                                }
+                                display:flex;
+                                flex-direction: row;
+                                justify-content: left;
                                 align-items: center;
                                 color: $black;
                                 font-weight: 800;
+                            }   
+                            svg{
+                                display: none;
                             }
                         }
-                    }    
-                    .field--name-field-liens{
-        
-                        a{
-                            &:before{
-                                display: inline-block;
-                                content: url("../images/pictos/noun_External Link_674151.svg");
-                                width: 30px;
-                                height: 30px;
-                                padding-right: 0.8rem;
+                        .field--name-field-ress{
+                            margin-top: 0.5rem;
+            
+                            a{
+                                color: $black;
+                                text-decoration: underline;
+                                font-weight: 800;
                             }
-                            display:flex;
-                            flex-direction: row;
-                            justify-content: left;
-                            align-items: center;
-                            color: $black;
-                            font-weight: 800;
-                        }   
-                        svg{
-                            display: none;
-                        }
-                    }
-                    .field--name-field-ress{
-                        margin-top: 0.5rem;
-        
-                        a{
-                            color: $black;
-                            text-decoration: underline;
-                            font-weight: 800;
                         }
                     }
                 }
-            }
-        }    
+            }    
+        }
     }
+    
+
 }

web/themes/custom/eql/templates/block.html.twig

@@ -35,7 +35,7 @@
 <div{{ attributes.addClass(classes) }}>
   {{ title_prefix }}
   {% if label %}
-    <h2{{ title_attributes }}>{{ label }}</h2>
+    <span><h2{{ title_attributes }}>{{ label }}</h2></span>
   {% endif %}
   {{ title_suffix }}
   {% block content %}