Error at the bottom of my testsite (maybe Helix or Pagebuilder) - Forum | JoomShaper
Staff replied Helix Framework

Error at the bottom of my testsite (maybe Helix or Pagebuilder)

Asked by BassLast 8 months ago Last activity 8 months ago

Hi!
Where is the mistake based and why is it?

"background-image: linear-gradient(90deg, silver 25%, red 75%); "

7 replies

Atick Eashrak Shuvo Staff

Hello BassLast,

Thank you for reporting this issue. I apologize for the inconvenience you're experiencing with the error on your test site.

To investigate this further and hopefully resolve it quickly, would you be willing to grant me temporary administrative access? Before you do, I highly recommend creating a full backup of your site to ensure data security.

Looking forward to your response.

Best regards

BassLast Asked this

Hi Atick!
I found the thing.
Now everything is fine.

Best!

Atick Eashrak Shuvo Staff

Hi ,

Thanks for the update — glad to hear you were able to identify the cause and that everything is working fine now.

If you need any further assistance or run into any other issues, feel free to reach out.

Please marked the issue as solved

Best regards

Paul Frankowski Senior Staff

In CSS, the property background-image: linear-gradient(90deg, silver 25%, red 75%); defines a smooth color transition across an element.

Here is the breakdown of how the browser interprets this:

  1. The Direction: 90deg

The angle 90 degrees tells the gradient to move horizontally from left to right.

  • would go from bottom to top.
  • would go from top to bottom.
  1. The Color Stops

The percentages (25% and 75%) act as "anchors" for the colors. They control how much of each color is solid versus how much is blending.

  • Silver at 25%: The color is solid silver from the very beginning (0%) until it reaches the 25% mark of the element's width.
  • The Transition: Between 25% and 75%, the browser calculates the math to blend silver into red. This is where the actual "gradient" effect happens.
  • Red at 75%: Once the gradient reaches 75% of the width, it becomes solid red and stays that way until the end (100%).

Why use percentages?

Without percentages (linear-gradient(90deg, silver, red)), the transition would start at 0% and end at 100%, making the entire element look "blurry." By using 25% and 75%, you create a more defined look with solid color blocks on the sides and a controlled blend in the middle.


So I am not sure what does it mean "error" in your case ??

BassLast Asked this

Okay, sorry for the incorrect expression! In any case, that shouldn't be displayed below. I tried to comment it out, but it doesn't work. Which script is affecting it?

Paul Frankowski Senior Staff
8 months ago · edited
  1. You have to check what .css file added that or maybe it's inline css code.
  2. You cannot edit template style files, so you have to override it using Custom CSS. As we teach in Helix documenation.

You forgot to mention full template name (!), becuase here we support only our templates, not from other providers/sellers.

BassLast Asked this

Sure, its Artolio!

Thank you!

BassLast Asked this

Hi Paul!
I found the thing.
Now everything is fine.
Thank you.

Best!

Paul Frankowski Senior Staff

And what it was: Addon or Section settings, Template style?

Great, I am pround of you. Mark topic as solved.

Log in to reply.