dynamic styling syntax newbie

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Jon 47 posts 290 karma points

Jun 29, 2016 @ 14:41

Templates, (partial) views and macros

Umbraco 7

I am trying to set background-images on my parallax site...and i've got to issues here...

Because of the tags {} [] I guess it makes problems - how to solve?
Some kind og if or ucase for the first and count for the rest. How?

THX!

[data-animation="parallax"] .cd-section:first-of-type > div, [data-animation="fixed"] .cd-section:first-of-type > div, [data-animation="opacity"] .cd-section:first-of-type > div {
  background-image: url("@imagePath");
}
[data-animation="parallax"] .cd-section:nth-of-type(2) > div, [data-animation="fixed"] .cd-section:nth-of-type(2) > div, [data-animation="opacity"] .cd-section:nth-of-type(2) > div {
  background-image: url("@imagePath");
}
[data-animation="parallax"] .cd-section:nth-of-type(3) > div, [data-animation="fixed"] .cd-section:nth-of-type(3) > div, [data-animation="opacity"] .cd-section:nth-of-type(3) > div {
  background-image: url("@imagePath");
}

Copy Link

Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Jun 29, 2016 @ 21:32

0

Hi Jon,

What exactly wrong with your code?

What error?

Thanks

Copy Link
Alex Skrypnyk 6132 posts 23951 karma points MVP 7x admin c-trib

Jul 03, 2016 @ 10:02

0

Hi Jon,

Did you solve the problem ?

Thanks

Copy Link

Søren Kottal 702 posts 4497 karma points MVP 5x c-trib

Jul 03, 2016 @ 19:53

Hi Jon

You can do like this

@Html.Raw("[data-animation=\"parallax\"] .cd-section:nth-of-type(3) > div, [data-animation="\fixed\"] .cd-section:nth-of-type(3) > div, [data-animation=\"opacity\"] .cd-section:nth-of-type(3) > div {")
  background-image: url("@imagePath");
@Html.Raw("}")

That way, the brackets will not be interpreted as c#

Copy Link

is working on a reply...

Please Sign in or register to post replies