Change SVG colour and how to include an SVG

[floodout]

Hi

I’ve noticed on your home-tech.html page you have 3 images under the main menu “Strategic Services, implementation services and multi-cloud consulting”.

When I look at the code, these images seem to be SVGs – i’ve never had any experience with SVGs but i can see in the source code, there are a whole lot of numbers for the SVG.

What do these numbers mean? And are they what is creating the animation as you scroll past?

I don’t want to create an animation – but i want my graphics which will be vector based to change background colour as i scroll.

should i use the “data-logocolor” call out to do this?

is there anywhere i can read about how all of these SVG’s work?

thanks

[floodout]

I’ve done a bit of googling and found something called “SVGATOR” have you hears of that?

https://www.svgator.com/help/getting-started/how-to-add-animated-svg-to-your-website

I don’t want to animate my graphic, but as i said – i want it to follow the same colour transition as the font when i scroll down the page.

I just need some better understanding of how to place an svg in your single image modules. thanks

[SeaTheme]

Hi,

The number is for the path coordinate of the graphic. It is not possible to control the SVG animation by page scrolling(includes data-logocolor) in SEA theme for now.

You could use the SVG of the home-tech.html or replace your own SVG codes <svg>...</svg>.

Regards! SeaTheme – FAQs – Twitter – Facebook

[floodout]

thanks, its a learning process!

so currently those 3 svg’s change from white to coloured as you scroll down – is that due to a colour transition, or would that be part of the native svg animation?

[SeaTheme]

Sorry, the SVG color(fill) is animated by data-frontcolor, other SVG animation is belonged SVG itself.

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[floodout]

where do i change the data-frontcolor and can i apply that to a single module or only overall to the whole page? so for example could i have different data-frontcolor’s on the same page

[SeaTheme]

The data-frontcolor is set on bm-wrap, when a Group module is scrolling in window, the elements of all page will be changed color, please refer to the Group section of Doc.

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[Author]

Posts