How to change Distrupted background colors

Webdesign Help
1

Hey There,

I bought the Disrupted Theme from bootstrap Studios, and I was wondering if it is possible to change the background colors of the theme. Like the blue and Purple color.

image
image1911×938 52.9 KB

Maybe I am just blind but I do not find any options for that.
Can someone please help me?

Thanks!

2

Nice Template :smiley:

3

Thanks, but this dosen’t answer my question :joy:

4

Add this CSS to your design:

:root {
  --gradient-bg: #1b1c1e;
  --gradient-primary: #021140;
  --gradient-secondary: #230549;
}

.bg-gradient-body:before {
  background-image: linear-gradient(112deg, var(--gradient-bg) 35%, var(--gradient-primary) 52%, var(--gradient-secondary) 56%, var(--gradient-bg) 67%, transparent 100%);
  background-color: var(--gradient-bg);
}

.bg-gradient-dark {
  background: linear-gradient(112deg, var(--gradient-bg), var(--gradient-primary) 42%, var(--gradient-secondary) 54%, var(--gradient-bg) 68%, transparent 100%);
  background-color: var(--gradient-bg);
}

Now you can change the variables in the :root block and they’ll affect all the gradients. If you want to remove the gradient from some elements, just remove the bg-gradient-body/bg-gradient-dark classes from the component (from the Attributes panel).

3 Likes
5

Does anyone know if there is a live demo of this template?

6
7

Thank you very much!