Hero Banner 2

Content Configuration

Read More Button Text

• Text: Read more Customize the label of the button used to link to full articles.

Disable Description Under Text

• Toggle: Enable/Disable Removes the description text below both the featured article and additional articles.

---

Styling & Appearance

Top Text Color

• Color: #FFFFFF Defines the color of the article description text.

Article Title Font

• Font: Assistant Choose the font family for article titles.

Top Text Font

• Font: Assistant Font used for article description text.

---

Button Customizations

Button Background Color

• Normal State: #FF7A15 Sets the background color of the 'Read More' buttons.

Button Hover Background Color

• Hover State: #EE6600 Sets the background color of the button when hovered.

Button Text Color

• Color: #FFFFFF Color of the text inside the 'Read More' button.

Button Border Radius

• Value: 25 px Controls the roundness of the button’s edges.

Border Thickness

• Value: 2 px Defines how thick the border of the button is.

Border Color (Normal)

• Color: #FF7A15 Border color when the button is in normal state.

Border Color (Hover)

• Color: #EE6600 Border color when the button is hovered.

Button Font Size

• Desktop: 16 px

• Mobile: 14 px Adjust the size of the button text on different devices.

Button Font Weight

• Weight: 600 Sets how bold the button text appears.

Hide Read More Button

• Toggle: Enable/Disable Completely hides the 'Read More' buttons from all articles.

---

Featured Article Settings

Featured Article Title Font Size

• Desktop: 30 px

• Mobile: 24 px Control the size of the featured article title.

Featured Article Label

• Text: Featured Article A label displayed above the featured article’s title.

Featured Article Title Color

• Color: #FFFFFF Controls the text color of the featured article title.

---

Article Image Settings

Article Image Brightness

• Value: 1 Adjusts the overall brightness of article images.

Desktop Image Dimensions

• Width: 100%

• Height: 410 px Controls image dimensions for desktop view.

Mobile Image Dimensions

• Width: 100%

• Height: 300 px Controls image dimensions for mobile view.

Image Border Radius

• Featured: 0 px

• Additional Blocks: 0 px Sets the roundness of the article images' corners.

Z-Index (Mobile)

• Value: 0 Controls the stacking order of mobile images.

Y Offset

• Mobile: 0 px

• Desktop: 0 px Vertically repositions the article image if needed.

Mobile Image Aspect Ratio

• Value: 16:9 Sets the ratio for width-to-height display on mobile devices.