How to add a background image for a text content?
- 27 Sep 2022
- 1 Minute zum Lesen
-
Mitwirkende
-
Drucken
-
DunkelLicht
-
pdf
How to add a background image for a text content?
- Aktualisiert am 27 Sep 2022
- 1 Minute zum Lesen
-
Mitwirkende
-
Drucken
-
DunkelLicht
-
pdf
There is no German content available for this article, You are viewing the fallback version (English).
To add more essence to your text content, you can add a background image. The background image you want to add must be available on the web. If the background image is on your local device, you can upload it to the Drive and utilize the image URL.
Solution
- Go to Settings → Knowledge base site → Custom CSS & JavaScript → Custom CSS
- Paste the below code snippet:
.bgimg
{
background-image: url("IMAGE_URL");
}
- In the above snippet:
- Class name is
.bgimg
. You can replace it as per the requirement - IMAGE_URL - Add your desired background image URL
- Class name is
- Click Save
- Navigate to the desired article and add the snippet in the editor:
<p class="bgimg">Text_content</p>
- Text_content - Add the desired text content
- bgimg - If you change the class name, replicate the same changes in this field
This applies to both Markdown and WYSIWYG editors.
- The desired background image appears for the text content in your knowledge base
War dieser Artikel hilfreich?