> For the complete documentation index, see [llms.txt](https://docs.jollyany.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jollyany.co/templates/express/home-page-1.md).

# Home Page 1

## 1. Breaking News

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FESmsRRx0oYIDf4lotUef%2Fbreaking-news.jpg?alt=media&amp;token=e5670a7c-cff8-429e-8fdc-b390b92ba566" alt=""><figcaption></figcaption></figure>

This section was built with UK Heading and UK Articles. You should go to Sp Page Builder > Pages > edit your page.

#### **Breaking news title**

* Editing the UK Heading, and entering the heading title
* Decoration: Choose a type of decoration (bullet, divider, line or none)
* Decoration color: Choose a decoration color
* Decoration width: Set the decoration width&#x20;

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2F4G6Qw8DhVMFkprtk3xYp%2Fbreaking-news-heading.jpg?alt=media&amp;token=c3e93f84-af8c-4a48-b209-54cd7227de6c" alt=""><figcaption><p>Configure heading title</p></figcaption></figure>

* **Breaking news articles**

Edit the UK Articles and configure options. You can choose the classic layout, hide or show thumbnails, enable articles as sliders, and configure the number of columns on different devices.&#x20;

{% tabs %}
{% tab title="UK Articles" %}

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2F4QSjjvmCt92xZ2ZLpxfh%2Fbreaking-news-hide-thumb.jpg?alt=media&amp;token=3e6343da-4d28-4fdf-a371-9f518915c503" alt=""><figcaption><p>Enable or disable thumbnail</p></figcaption></figure>
{% endtab %}

{% tab title="UK Articles" %}

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FUOBYS2yauBdXyyJdOJ3H%2Fbreaking-news-columns.jpg?alt=media&amp;token=297862a7-1900-4a20-b458-58fa48569a2b" alt=""><figcaption><p>Set the number of columns on different devices</p></figcaption></figure>
{% endtab %}

{% tab title="UK Articles" %}

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FJJKWD6RCvJUDBQrlcaOv%2Fbreaking-news-home2.jpg?alt=media&amp;token=b91ffeae-1609-4f50-b249-1351f22a2f71" alt=""><figcaption><p>Display articles as slider</p></figcaption></figure>
{% endtab %}
{% endtabs %}

To edit the background color of the breaking news section, you should open the **Row Options > Style tab** > edit the background color.

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FK65oeCQ0hzJvHhU5Bpvo%2Fedit-bg-breaking-news.jpg?alt=media&amp;token=983441ab-c237-4392-b300-b8d8cb00c707" alt=""><figcaption><p>Edit the background color</p></figcaption></figure>

## 2. Featured News

This section was built with UK Heading and UK Articles.&#x20;

* Featured News Heading

Edit the UK Heading and enter a heading title. Choose a decoration type and decoration color.&#x20;

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FT57MdUODn48gnSfZzipw%2Ffeatured-news-heading.jpg?alt=media&amp;token=e28cbfbf-0d84-4a7a-895d-97bc230ac3cb" alt=""><figcaption><p>Edit the UK Heading</p></figcaption></figure>

* Featured News Articles

{% tabs %}
{% tab title="Addon Options" %}
Select categories, tags, and post types. If you want to display featured articles, select the ordering with featured only.&#x20;

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FqIziCBvh8aZa4ZeVqKQz%2Ffeatured-news-articles.jpg?alt=media&amp;token=b9d84e6a-a429-4dec-83b2-53429d3caa60" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Leading Content Options" %}
The options in the Lead Option tab are applied to leading articles. You can choose the classic layout, configure column options, card options, content options, and meta content options.&#x20;

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2F4blx4o7vinXD4ofqkOK9%2Flead-options.jpg?alt=media&amp;token=e76b1eaa-016e-4418-a4ae-a15d7fcfd266" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Options" %}
The options in the Options Tab are applied to the rest articles except the leading articles. You can choose an image position and set up the image width on devices. \
Scroll down you will see options to configure card options, column options, content options and meta content options.&#x20;

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2Fca9HKkR5ChjRYitFhrgX%2Farticle-options.jpg?alt=media&amp;token=e225f157-ea48-4dfd-a186-9c5d53c1205e" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}