HugoBlox / hugo-blox-builder

🚨 GROW YOUR AUDIENCE WITH HUGOBLOX! 🚀 HugoBlox is an easy, fast no-code website builder for researchers, entrepreneurs, data scientists, and developers. Build stunning sites in minutes. 适合研究人员、企业家、数据科学家和开发者的简单快速无代码网站构建器。用拖放功能、可定制模板和内置SEO工具快速创建精美网站!
https://hugoblox.com/templates/
MIT License
8.36k stars 2.9k forks source link

Background Image Modifications #2959

Closed PrimCarol closed 1 year ago

PrimCarol commented 1 year ago

Preliminary Checks

Description

Hello, I wrote this on discord and Rodri sent me to report the bug here.

I am trying to apply modifications/effects to the background as indicated in the web, but I don't know why, I am not affected. I can see the image, but not the other changes like set parallax to false, among others

Original Code from web:

design:
  background:
    image:
      # Name of image in `assets/media/`.
      filename: background.jpg
      # Apply image filters?
      filters:
        # Darken the image? Range 0-1 where 1 is transparent and 0 is opaque.
        brightness: 0.6
      #  Image fit. Options are `cover` (default), `contain`, or `actual` size.
      size: cover
      # Image focal point. Options include `left`, `center` (default), or `right`.
      position: center
      # Use a fun parallax-like fixed background effect on desktop? true/false
      parallax: true
      # Text color (true=light, false=dark, or remove for the dynamic theme color).
      text_color_light: true

My Code:

design:
  background:
    image: "background_2.jpg"
    size: cover
    position: center
    parallax: false
    filters:
        brightness: 0.1

The file is on: /content/home/intro.md The repo -> https://github.com/PrimCarol/Portfolio_PerePrm

Reproduction Link

https://github.com/PrimCarol/Portfolio_PerePrm/blob/main/content/home/intro.md

Steps to Reproduce

Whatever the value of the modifications you change, you see the image, but it is not altered by them.

Expected Result

The image without parallax, e.g.

Actual Result

The image with parallax

What Hugo Module versions does your site use?

module github.com/wowchemy/starter-hugo-portfolio-theme

go 1.15

require ( github.com/wowchemy/wowchemy-hugo-themes/modules/wowchemy-plugin-netlify v1.0.0 // indirect github.com/wowchemy/wowchemy-hugo-themes/modules/wowchemy-plugin-netlify-cms v1.0.0 // indirect github.com/wowchemy/wowchemy-hugo-themes/modules/wowchemy/v5 v5.6.0 // indirect )

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome

Which Wowchemy template are you using?

Portfolio

What version of Hugo are you using?

hugo v0.114.1-e9b716ad9869b79e7c374bbdae4daf5ee6406bd4+extended windows/amd64 BuildDate=2023-06-23T11:02:58Z VendorInfo=gohugoio

gcushen commented 1 year ago

Please use the Support link (Discord) for asking how to use features. This feature is also documented in the Blocks page of the site. The data structure you have created does not match the documented options.