*: web, web_editor, website_blog, website_event
New o_cc${xxx} classes where ${xxx} is a number [1-5] to style snippets:
they come with a background color, a text color, headings colors, a
link color, primary button colors and secondary button colors which
will later be possible to customize by the user.
The classes are made so that they are working on two levels. So if a
column receives a color class and the snippet too, everything will work
fine. More than 2 levels are not supported and the editor is made so
those cases should not appear. See o_colored_level class.
Part of https://github.com/odoo/odoo/pull/45856
task-2197038
23 lines
1.1 KiB
XML
23 lines
1.1 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
|
|
<template id="s_picture" name="Picture">
|
|
<section class="s_picture bg-200 pt48 pb24">
|
|
<div class="container">
|
|
<h2 style="text-align: center;"><font style="font-size: 62px;">A punchy Headline</font></h2>
|
|
<p style="text-align: center;">Choose a vibrant image and write an inspiring paragraph about it.<br/> It does not have to be long, but it should reinforce your image.</p>
|
|
<p style="text-align: center;"><br/></p>
|
|
<div class="row s_nb_column_fixed">
|
|
<div class="col-lg-10 offset-lg-1 pb24" style="text-align: center;">
|
|
<figure class="figure">
|
|
<img src="/web/image/website.s_picture_default_image" class="figure-img img-thumbnail padding-large" alt=""/>
|
|
<figcaption class="figure-caption text-muted py-3">Add a caption to enhance the meaning of this image.</figcaption>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
</odoo>
|