[IMP] theme_*: adapt s_text_image templates

This commit aims to review all the occurrences of the `s_text_image`
snippet across the themes in order to fix broken selectors.

task-3665301

Part-of: odoo/design-themes#830
Related: odoo/odoo#173311
Signed-off-by: Robin Lejeune (role) <role@odoo.com>

theme_artists/views/snippets/s_text_image.xml

@@ -4,7 +4,7 @@
 <template id="s_text_image" inherit_id="website.s_text_image">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc5 pb128" remove="pb32" separator=" "/>
+        <attribute name="class" add="o_cc o_cc5 pb128" remove="pb80" separator=" "/>
     </xpath>
     <!-- Title -->
     <xpath expr="//h2" position="replace" mode="inner">
@@ -18,8 +18,8 @@
         Welcome to my online home. I invite you to come in, learn more about me and my work, and stop to embrace the slow pleasure of art and beauty.
     </xpath>
     <!-- Picture -->
-    <xpath expr="//div[hasclass('col-lg-6')][2]" position="attributes">
-        <attribute name="class" add="col-lg-5 offset-lg-1" remove="col-lg-6" separator=" "/>
+    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
+        <attribute name="class" add="col-lg-5" remove="col-lg-6" separator=" "/>
     </xpath>
     <xpath expr="//img" position="attributes">
         <attribute name="src">/web_editor/image_shape/website.s_text_image_default_image/web_editor/geometric/geo_square_2.svg</attribute>

theme_avantgarde/views/customizations.xml

@@ -112,8 +112,8 @@
     <xpath expr="//section" position="attributes">
         <attribute name="class" add="o_cc o_cc3 o_full_screen_height" separator=" "/>
     </xpath>
-    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" add="col-lg-4 offset-lg-1" remove="col-lg-6" separator=" "/>
+    <xpath expr="//div[hasclass('col-lg-5')]" position="attributes">
+        <attribute name="class" add="col-lg-4 offset-lg-1" remove="col-lg-5" separator=" "/>
     </xpath>
     <xpath expr="//h2" position="replace" mode="inner">
         <span class="text-break" style="font-size: 62px; font-weight: bolder;">Our R&amp;D Approach</span>
@@ -133,11 +133,7 @@
     <xpath expr="//a[hasclass('btn')]" position="attributes">
         <attribute name="class" add="btn-lg" separator=" "/>
     </xpath>
-    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" add="offset-lg-1" separator=" "/>
-    </xpath>
     <xpath expr="//img" position="attributes">
-        <attribute name="class" remove="img-thumbnail" separator=" "/>
         <attribute name="src">/web_editor/image_shape/website.s_text_image_default_image/web_editor/composition/composition_triangle_line.svg?c1=o-color-1</attribute>
         <attribute name="data-shape">web_editor/composition/composition_triangle_line</attribute>
         <attribute name="data-original-mimetype">image/jpeg</attribute>

theme_aviato/views/snippets/s_text_image.xml

@@ -20,7 +20,7 @@
     <xpath expr="//p[3]" position="replace"/>
     <!-- layout -->
     <xpath expr="//div[hasclass('row')]/div[1]" position="attributes">
-        <attribute name="class" add="col-lg-4 offset-lg-2" remove="col-lg-6" separator=" "/>
+        <attribute name="class" add="col-lg-4 offset-lg-2" remove="col-lg-5" separator=" "/>
     </xpath>
     <!-- Image -->
     <xpath expr="//img" position="attributes">

theme_bewise/views/customizations.xml

@@ -37,11 +37,11 @@
     <xpath expr="//h2" position="replace" mode="inner">
         Driven by Excellence
     </xpath>
-    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" add="col-lg-4 offset-lg-1" remove="col-lg-6" separator=" "/>
+    <xpath expr="//div[hasclass('col-lg-5')]" position="attributes">
+        <attribute name="class" add="col-lg-4 offset-lg-1" remove="col-lg-5" separator=" "/>
     </xpath>
     <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" add="col-lg-5 offset-lg-1" remove="col-lg-6" separator=" "/>
+        <attribute name="class" add="col-lg-5" remove="col-lg-6" separator=" "/>
     </xpath>
     <xpath expr="//p" position="replace" mode="inner">
         <br/>

theme_bistro/views/snippets/s_text_image.xml

@@ -2,10 +2,6 @@
 <odoo>
 
 <template id="s_text_image" inherit_id="website.s_text_image">
-    <!-- Section -->
-    <xpath expr="//section" position="attributes">
-        <attribute name="class" add="pt80 pb80" remove="o_cc o_cc2 pt32 pb32" separator=" "/>
-    </xpath>
     <!-- Image -->
     <xpath expr="//img" position="attributes">
         <attribute name="src">/web_editor/image_shape/website.s_text_image_default_image/web_editor/geometric_round/geo_round_square_2.svg</attribute>

theme_bookstore/views/snippets/s_text_image.xml

@@ -4,11 +4,7 @@
 <template id="s_text_image" inherit_id="website.s_text_image">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc5 pt112 pb112" remove="pt32 pb32" separator=" "/>
-    </xpath>
-    <!-- Wrapper -->
-    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" add="col-lg-5" remove="col-lg-6" separator=" "/>
+        <attribute name="class" add="o_cc o_cc5 pt112 pb112" remove="pt80 pb80" separator=" "/>
     </xpath>
     <!-- Title -->
     <xpath expr="//h2" position="replace" mode="inner">
@@ -24,7 +20,7 @@
     </xpath>
     <!-- Img Wrapper -->
     <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" add="col-lg-5 offset-lg-2" remove="col-lg-6" separator=" "/>
+        <attribute name="class" add="col-lg-5 offset-lg-2" remove="col-lg-6 offset-lg-1" separator=" "/>
     </xpath>
 </template>
 

theme_buzzy/views/snippets/s_text_image.xml

@@ -4,7 +4,7 @@
 <template id="s_text_image" inherit_id="website.s_text_image">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc2 pt72 pb72" remove="pt32 pb32" separator=" "/>
+        <attribute name="class" add="o_cc o_cc2 pt72 pb72" remove="pt80 pb80" separator=" "/>
     </xpath>
     <!-- Title -->
     <xpath expr="//h2" position="replace" mode="inner">

theme_clean/views/snippets/s_text_image.xml

@@ -4,7 +4,7 @@
 <template id="s_text_image" inherit_id="website.s_text_image">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc2 pt72 pb72" remove="pt32 pb32" separator=" "/>
+        <attribute name="class" add="o_cc o_cc2 pt72 pb72" remove="pt80 pb80" separator=" "/>
     </xpath>
     <!-- Title & Paragraphs -->
     <xpath expr="//h2" position="replace" mode="inner">

theme_cobalt/views/customizations.xml

@@ -84,7 +84,7 @@
 <template id="s_text_image" inherit_id="website.s_text_image" name="Cobalt s_text_image">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="pt80 pb88" remove="pt32 pb32" separator=" "/>
+        <attribute name="class" add="pb88" remove="pb80" separator=" "/>
     </xpath>
     <!-- Content -->
     <xpath expr="//h2" position="replace" mode="inner">
@@ -102,9 +102,6 @@
         <p>We have collected solid experience in building native and cross-platform mobile applications and websites. Check our portfolio from clients around the world.</p>
         <br/>
     </xpath>
-    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" add="col-lg-5" remove="col-lg-6" separator=" "/>
-    </xpath>
     <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
         <attribute name="class" add="col-lg-7" remove="col-lg-6" separator=" "/>
     </xpath>

theme_enark/views/snippets/s_text_image.xml

@@ -4,15 +4,15 @@
 <template id="s_text_image" inherit_id="website.s_text_image">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc5 pb96 pt96" remove="pt32 pb32" separator=" "/>
+        <attribute name="class" add="o_cc o_cc5 pb96 pt96" remove="pt80 pb80" separator=" "/>
     </xpath>
     <!-- Wrapper -->
-    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">        
+    <xpath expr="//div[hasclass('col-lg-5')]" position="attributes">        
         <attribute name="class" add="border" separator=" "/>
         <attribute name="style" add="padding:24px; border-width: 1px !important; border-color: rgb(70, 77, 83) !important; border-radius: 4px !important;"/>
     </xpath>
-    <xpath expr="(//div[hasclass('col-lg-6')])[2]" position="attributes">
-        <attribute name="class" add="col-lg-5 offset-lg-1" remove="col-lg-6" separator=" "/>
+    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
+        <attribute name="class" add="col-lg-5" remove="col-lg-6" separator=" "/>
     </xpath>
     <!-- Title -->
     <xpath expr="//h2" position="replace" mode="inner">        

theme_graphene/views/customizations.xml

@@ -38,7 +38,7 @@
 <!-- ======== TEXT-IMAGE ======== -->
 <template id="s_text_image" inherit_id="website.s_text_image" name="Graphene s_text_image">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="pb96 pt0" remove="pb32 pt32" separator=" "/>
+        <attribute name="class" add="pb96 pt0" remove="pb80 pt80" separator=" "/>
     </xpath>
     <xpath expr="//h2" position="replace">
         <h3>Unique experiences to drive engagement</h3>
@@ -55,11 +55,11 @@
             <hr class="w-100 mx-auto" style="border-top-color: var(--o-color-3) !important;"/>
         </div>
     </xpath>
-    <xpath expr="//div[hasclass('col-lg-6')][1]" position="attributes">
-        <attribute name="class" add="col-lg-4 offset-lg-1" remove="col-lg-6" separator=" "/>
+    <xpath expr="//div[hasclass('col-lg-5')]" position="attributes">
+        <attribute name="class" add="col-lg-4 offset-lg-1" remove="col-lg-5" separator=" "/>
     </xpath>
-    <xpath expr="//div[hasclass('col-lg-6')][1]" position="attributes">
-        <attribute name="class" add="col-lg-5 offset-lg-1" remove="col-lg-6" separator=" "/>
+    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
+        <attribute name="class" add="col-lg-5" remove="col-lg-6" separator=" "/>
     </xpath>
     <xpath expr="//a[hasclass('btn')]" position="attributes">
         <attribute name="class" add="btn-lg" remove="btn-primary" separator=" "/>

theme_kea/views/new_page_template.xml

@@ -48,7 +48,7 @@
 
 <template id="new_page_template_s_text_image" inherit_id="website.new_page_template_s_text_image">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="pb32" remove="pb232" separator=" "/>
+        <attribute name="class" remove="pb232" separator=" "/>
     </xpath>
 </template>
 

theme_kea/views/snippets/s_text_image.xml

@@ -4,7 +4,7 @@
 <template id="s_text_image" inherit_id="website.s_text_image">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc2 pt64 pb232" remove="pt32 pb32" separator=" "/>
+        <attribute name="class" add="o_cc o_cc2 pt64 pb232" remove="pt80 pb80" separator=" "/>
     </xpath>
     <!-- Image -->
     <xpath expr="//img" position="attributes">

theme_kiddo/views/snippets/s_text_image.xml

@@ -4,7 +4,7 @@
 <template id="s_text_image" inherit_id="website.s_text_image">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="pb64 pt64" remove="pb32 pt32" separator=" "/>
+        <attribute name="class" add="pb64 pt64" remove="pb80 pt80" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/13","flip":["y"]}</attribute>
     </xpath>
 
@@ -14,8 +14,8 @@
     </xpath>
 
     <!-- First column -->
-    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" add="offset-lg-1 col-lg-5" remove="col-lg-6" separator=" "/>
+    <xpath expr="//div[hasclass('col-lg-5')]" position="attributes">
+        <attribute name="class" add="offset-lg-1" separator=" "/>
     </xpath>
 
     <!-- Separator -->

theme_loftspace/views/snippets/s_text_image.xml

@@ -4,7 +4,7 @@
 <template id="s_text_image" inherit_id="website.s_text_image">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="pt64 pb64 o_cc o_cc5" remove="pt32 pb32" separator=" "/>
+        <attribute name="class" add="pt64 pb64 o_cc o_cc5" remove="pt80 pb80" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/10","flip":[]}</attribute>
     </xpath>
     <!-- Shape -->
@@ -13,7 +13,7 @@
     </xpath>
     <!-- Img wrapper -->
     <xpath expr="//div[hasclass('row')]//div[2]" position="attributes">
-        <attribute name="class" add="col-lg-5 offset-lg-1" remove="col-lg-6" separator=" "/>
+        <attribute name="class" add="col-lg-5" remove="col-lg-6" separator=" "/>
     </xpath>
 </template>
 

theme_monglia/views/customizations.xml

@@ -92,10 +92,10 @@
 <!-- ======== TEXT - IMAGE ======== -->
  <template id="s_text_image" inherit_id="website.s_text_image" name="Monglia s_text_image">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="pt56 pb40 o_cc o_cc1" remove="pt32 pb32" separator=" "/>
+        <attribute name="class" add="pt56 pb40 o_cc o_cc1" remove="pt80 pb80" separator=" "/>
     </xpath>
-    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" remove="col-lg-6" add="col-lg-5 offset-lg-1" separator=" "/>
+    <xpath expr="//div[hasclass('col-lg-5')]" position="attributes">
+        <attribute name="class" add="offset-lg-1" separator=" "/>
     </xpath>
     <xpath expr="//img" position="attributes">
         <attribute name="src">/web_editor/image_shape/website.s_text_image_default_image/web_editor/geometric/geo_square_3.svg</attribute>

theme_nano/views/snippets/s_text_image.xml

@@ -4,7 +4,7 @@
 <template id="s_text_image" inherit_id="website.s_text_image">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc5 pt48 pb48" remove="pt32 pb32" separator=" "/>
+        <attribute name="class" add="o_cc o_cc5 pt48 pb48" remove="pt80 pb80" separator=" "/>
     </xpath>
     <xpath expr="//*[hasclass('container')]" position="attributes">
         <attribute name="class" add="container-fluid" remove="container" separator=" "/>

theme_notes/views/snippets/s_text_image.xml

@@ -4,7 +4,7 @@
 <template id="s_text_image" inherit_id="website.s_text_image">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="o_cc o_cc1 pt80 pb80" remove="pt32 pb32" separator=" "/>
+        <attribute name="class" add="o_cc o_cc1" separator=" "/>
         <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/11","flip":["x"]}</attribute>
     </xpath>
     <!-- Title & Paragraph -->
@@ -21,8 +21,8 @@
         Discover more
     </xpath>
     <!-- Image wrapper -->
-    <xpath expr="//div[hasclass('col-lg-6')][2]" position="attributes">
-        <attribute name="class" add="col-lg-4 offset-lg-2" remove="col-lg-6" separator=" "/>
+    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
+        <attribute name="class" add="col-lg-4 offset-lg-2" remove="col-lg-6 offset-lg-1" separator=" "/>
     </xpath>
 </template>
 

theme_odoo_experts/views/snippets/s_text_image.xml

@@ -4,15 +4,15 @@
 <template id="s_text_image" inherit_id="website.s_text_image">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="pt64 pb64" remove="pt32 pb32" separator=" "/>
+        <attribute name="class" add="pt64 pb64" remove="pt80 pb80" separator=" "/>
     </xpath>
     <!-- Column #1 -->
-    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" add="col-lg-3" remove="col-lg-6" separator=" "/>
+    <xpath expr="//div[hasclass('col-lg-5')]" position="attributes">
+        <attribute name="class" add="col-lg-3" remove="col-lg-5" separator=" "/>
     </xpath>
     <!-- Column #2 -->
     <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" add="col-lg-8 offset-lg-1" remove="col-lg-6" separator=" "/>
+        <attribute name="class" add="col-lg-8" remove="col-lg-6" separator=" "/>
     </xpath>
     <!-- Title -->
     <xpath expr="//h2" position="replace" mode="inner">
@@ -36,7 +36,7 @@
         <attribute name="data-original-mimetype">image/jpg</attribute>
         <attribute name="data-file-name">s_text_image.svg</attribute>
         <attribute name="data-shape-colors">;;;o-color-4;o-color-2</attribute>
-        <attribute name="class" add="rounded shadow" separator=" "/>
+        <attribute name="class" add="shadow" separator=" "/>
     </xpath>
 </template>
 

theme_orchid/views/snippets/s_text_image.xml

@@ -4,15 +4,15 @@
 <template id="s_text_image" inherit_id="website.s_text_image">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="pt64 pb64" remove="pt32 pb32" separator=" "/>
+        <attribute name="class" add="pt64 pb64" remove="pt80 pb80" separator=" "/>
     </xpath>
     <!-- Row -->
     <xpath expr="//div[hasclass('row')]" position="attributes">
         <attribute name="class" add="align-items-stretch" remove="align-items-center" separator=" "/>
     </xpath>
     <!-- Text wrapper -->
-    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" add="col-lg-4 px-5 o_cc o_cc5 rounded pt56 pb56" remove="col-lg-6 pt16 pb16" separator=" "/>
+    <xpath expr="//div[hasclass('col-lg-5')]" position="attributes">
+        <attribute name="class" add="col-lg-4 px-5 o_cc o_cc5 rounded pt56 pb56" remove="col-lg-5 pt16 pb16" separator=" "/>
     </xpath>
     <!-- Title -->
     <xpath expr="//h2" position="replace" mode="inner">
@@ -28,7 +28,7 @@
     </xpath>
     <!-- Img wrapper -->
     <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" add="col-lg-7 offset-lg-1" remove="col-lg-6" separator=" "/>
+        <attribute name="class" add="col-lg-7" remove="col-lg-6" separator=" "/>
     </xpath>
     <!-- Img -->
     <xpath expr="//img" position="attributes">

theme_paptic/views/customizations.xml

@@ -126,17 +126,11 @@
 <!-- ==== Text-Image ===== -->
 <template id="s_text_image" inherit_id="website.s_text_image" name="Paptic s_text_image">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="pt80 pb88 o_cc o_cc3" remove="pt32 pb32" separator=" "/>
+        <attribute name="class" add="pb88 o_cc o_cc3" remove="pb80" separator=" "/>
     </xpath>
     <xpath expr="//img" position="attributes">
         <attribute name="src">/web_editor/shape/theme_paptic/s_text_image.svg?c1=o-color-1</attribute>
     </xpath>
-    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" add="col-lg-5" remove="col-lg-6" separator=" "/>
-    </xpath>
-    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
-        <attribute name="class" add="offset-lg-1" separator=" "/>
-    </xpath>
     <xpath expr="//h2" position="replace" mode="inner">
         <font style="background-image: linear-gradient(135deg, var(--o-color-1) 0%, var(--o-color-3) 100%);" class="text-gradient">A Section Subtitle</font>
     </xpath>

theme_real_estate/views/snippets/s_text_image.xml

@@ -4,7 +4,7 @@
 <template id="s_text_image" inherit_id="website.s_text_image">
     <!-- Section -->
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="pt48 pb0" remove="pt32 pb32" separator=" "/>
+        <attribute name="class" add="pt48 pb0" remove="pt80 pb80" separator=" "/>
     </xpath>
     <!-- Title -->
     <xpath expr="//h2" position="replace" mode="inner">

theme_treehouse/views/snippets/s_text_image.xml

@@ -2,10 +2,6 @@
 <odoo>
 
 <template id="s_text_image" inherit_id="website.s_text_image">
-    <!-- Section -->
-    <xpath expr="//section" position="attributes">
-        <attribute name="class" add="pt80 pb80" remove="pt32 pb32" separator=" "/>
-    </xpath>
     <!-- Title -->
     <xpath expr="//h2" position="replace" mode="inner">
         Shaping our future

theme_vehicle/views/customizations.xml

@@ -20,7 +20,7 @@
 <!-- ======== TEXT - IMAGE ======== -->
 <template id="s_text_image" inherit_id="website.s_text_image" name="Vehicle s_text_image">
     <xpath expr="//section" position="attributes">
-        <attribute name="class" add="pb24 pt56 o_cc o_cc1" remove="pt32 pb32" separator=" "/>
+        <attribute name="class" add="pb24 pt56 o_cc o_cc1" remove="pt80 pb80" separator=" "/>
     </xpath>
     <xpath expr="//img" position="attributes">
         <attribute name="src">/web_editor/image_shape/website.s_text_image_default_image/web_editor/composition/composition_square_3.svg?c1=o-color-1&amp;c5=o-color-5</attribute>
@@ -30,7 +30,7 @@
         <attribute name="data-shape-colors">o-color-1;;;;o-color-5</attribute>
     </xpath>
     <xpath expr="//div[hasclass('row')]/div[2]" position="attributes">
-        <attribute name="class" add="col-lg-5 offset-lg-1" remove="col-lg-6" separator=" "/>
+        <attribute name="class" add="col-lg-5" remove="col-lg-6" separator=" "/>
     </xpath>
     <xpath expr="//h2" position="before">
         <h4 class="text-o-color-1"><b>The world is yours</b></h4>

theme_yes/views/snippets/s_text_image.xml

@@ -2,10 +2,6 @@
 <odoo>
 
 <template id="s_text_image" inherit_id="website.s_text_image">
-    <!-- Image -->
-    <xpath expr="//img" position="attributes">
-        <attribute name="class" add="rounded" separator=" "/>
-    </xpath>
     <!-- Title -->
     <xpath expr="//h2" position="replace" mode="inner">
         Find a photographer