Il blocco html interessato è questo:<section id="sp-page-title">
<div class="container">
<div class="row">
<div id="sp-title" class="col-xs-12 col-sm-12 col-md-12">
<div class="sp-column ">
<div class="sp-module ">
<div class="sp-module-content">
<div class="custom">
<p><img style="float: left;" src="/demojoomla/images/icone_sito/DEFIBRIL001_CS5.png" alt="DEFIBRIL001 CS5" width="50" height="50"></p>
<p> </p>
<p style="text-align: left;"><span style="font-size: 18pt; font-family: arial, helvetica, sans-serif; color: #84bfae;">.Defibrillator Implantation</span></p>
<>
<>
<>
<>
<>
<>
<></section>
Il colore è attribuito a <section id="sp-page-title"> ed è background-color: #b9d9ce;
L' effetto indentazione, cioè spostare il colore più a destra si può ottenere eliminando il background-color del tag <section> e attribuendolo al <div> sottostante. Però anche a destra il colore rientra.
Altrimenti la cosa è più complicata perché bisognerebbe affiancare il <div> sottostante <section> da un altro <div> con proprietà float: left; e mettere float: left; anche il <div > attuale in modo che stiano affiancati, poi dare il background al solo secondo div, l'attuale class=container.
Magari a qualcuno viene in mente qualcosa di meglio, i css hanno sempre tante soluzioni.
Ciao