How to Make Background Transparent in Drupal Solo Theme via Theme Settings in Global Site Settings

Created on 22 June 2024, 6 months ago
Updated 11 July 2024, 5 months ago

Problem/Motivation

How to implement transparent background?

Steps to reproduce

in the predecessor of solo, it had been possible to define the background color for a block as "w3-transparent". This option seems to be gone?

Proposed resolution

provide either a special code for 100% transparent background of a opacity leveler for the single blocks as you do in the paragraphs suite

Remaining tasks

User interface changes

API changes

Data model changes

πŸ’¬ Support request
Status

Fixed

Version

1.0

Component

User interface

Created by

πŸ‡©πŸ‡ͺGermany dpauli

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

Comments & Activities

  • Issue created by @dpauli
  • Assigned to flashwebcenter
  • Status changed to Fixed 6 months ago
  • πŸ‡ΊπŸ‡ΈUnited States flashwebcenter Austin TX

    Hello,

    The theme uses variables to apply backgrounds and colors. To make any div or section transparent, follow these steps:

    1. Inspect the element using a web browser extension like Google Chrome's Developer Tools to get its ID or class name.
    2. Apply the transparent value to this element and use the #page-wrapper ID to override the variable.

    For example, to change the background color of the top container, use the following code in the CSS injector or dynamic CSS section of the active theme settings:

    #page-wrapper .top-container {--r-bg: transparent;}


    Best wishes,
    Alaa

  • πŸ‡ΊπŸ‡ΈUnited States flashwebcenter Austin TX
  • Automatically closed - issue fixed for 2 weeks with no activity.

Production build 0.71.5 2024