From 0a12716b667f9fa6f2c9bcb5f6886e268a415269 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CChiara?= Date: Thu, 3 Apr 2025 13:45:07 +0000 Subject: [PATCH] [IMP] website: new paragraph on text highlights taskid:4690594 X-original-commit: 5d831c4fa837f776127624c3b62545fccbc28c46 --- .../websites/website/web_design/elements.rst | 24 +++++++++++++++--- .../elements/highlights-elements.png | Bin 0 -> 6119 bytes 2 files changed, 21 insertions(+), 3 deletions(-) create mode 100644 content/applications/websites/website/web_design/elements/highlights-elements.png diff --git a/content/applications/websites/website/web_design/elements.rst b/content/applications/websites/website/web_design/elements.rst index 5fecb7a84e..8cab451e38 100644 --- a/content/applications/websites/website/web_design/elements.rst +++ b/content/applications/websites/website/web_design/elements.rst @@ -3,9 +3,10 @@ Elements ======== Elements help structure and present content effectively. They range from text-based components like -:ref:`titles ` and :ref:`lists ` to interactive -ones such as :ref:`buttons ` and :ref:`links `. -Visual elements like :ref:`images `, :ref:`icons `, +:ref:`titles `, :ref:`lists ` and +:ref:`text highlights ` to interactive ones such as +:ref:`buttons ` and :ref:`links `. Visual elements +like :ref:`images `, :ref:`icons `, :ref:`videos `, and :ref:`animations ` can also be added to improve content presentation and organization. @@ -128,6 +129,23 @@ Lists help organize content clearly, making information easier to read and impro structures. Type `/list` and choose from three different types of lists: :guilabel:`Bulleted lists`, :guilabel:`Numbered lists`, or :guilabel:`Checklists`. +.. _website/elements/text_highlights: + +Text highlights +=============== + +Highlights can be added to titles and text using in the :guilabel:`Inline Text` section of the +website editor. To add a highlight: + +#. Select the text or title you want to highlight. +#. In the website editor, click on :guilabel:`Highlight`. +#. Select the highlight style. +#. Modify its :guilabel:`Color`. +#. Choose its :guilabel:`Thickness`. + +.. image:: elements/highlights-elements.png + :alt: Highlight texts and titles + .. _website/elements/animations: Animations diff --git a/content/applications/websites/website/web_design/elements/highlights-elements.png b/content/applications/websites/website/web_design/elements/highlights-elements.png new file mode 100644 index 0000000000000000000000000000000000000000..6c683765e52e0f07bcdca8c99f0ecd2752df3755 GIT binary patch literal 6119 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 literal 0 HcmV?d00001