logo

Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll
  1. Home
  2. Forums
  3. Drupal CMS
  4. Theming

Background for the website

22/02/2025, by Anonymous (not verified)
Forums
Theming

Hello, Ivan. I'm currently watching your lessons on Drupal theming - I really like them, thank you for your effort. At the same time, I'm theming a site using Drupal and Zen. I've encountered a small issue. I want to set a repeating background pattern on the site, with a non-repeating PNG image on top of it. I used the background property of the HTML class to set the repeating background, and then added the image through an img tag and tried to position it absolutely in CSS. I need the image to be in the bottom right corner of the browser, right at the edge of the window. As a result, the image is where it should be, but when I change the zoom or scroll, it shifts. Additionally, it overlaps some elements (I tried setting z-index=0, but it didn't help). How can I avoid this?
Initially, I placed the PNG image as a background for the HTML tag and it worked perfectly; it was firmly anchored in the corner and didn't overlap anything. Unfortunately, you can't have two background layers for one class. I tried wrapping the content of the HTML tag in a custom class and assigning the background to it, but there were still white stripes on the sides and at the bottom. Could you please advise me on how to solve my problem?