Add a specific class when having sections with background color, image, or video option

Created on 10 May 2021, over 3 years ago
Updated 27 July 2023, over 1 year ago

Problem/Motivation

Needs to add a specific class when having background image option.
Having no custom styling selector for sections
to have advance styling for section with background.
bg-image, bg-color, bg-video

Steps to reproduce

Given that a Landing page with Layout Builder had number of sections
And number of sections do have a background color
And some sections have a background image or background video
When trying to select and custom style all sections with BG colors only
And same for BG images or videos
But with other styling
Then no direct way to select selections with BG colors, or BG image

Proposed resolution

Have the following

  1. .bg-color
  2. .bg-image
  3. .bg-video

Remaining tasks

  • ✅ File an issue about this project
  • ✅ Add bg-color, bg-image, bg-video classes for sections with backgrounds
  • ✅ Testing to ensure no regression
  • ✅ Automated unit/functional testing coverage
  • ➖ Developer Documentation support on feature change/addition
  • ➖ User Guide Documentation support on feature change/addition
  • ✅ Code review from Bootstrap Styles team member
  • ✅ Full testing and approval
  • ✅ Credit contributors
  • ✅ Review with the product owner
  • ✅ Release bootstrap_styles-1.1.1

User interface changes

  • N/A

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • Issue #3213112 : Added a specific class when having sections with background color, image, or video option
Feature request
Status

Fixed

Version

2.0

Component

Code

Created by

🇯🇴Jordan n.ghunaim Amman - Jordan

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024