Gantry 5 adding css


#1

Hi everyone,

I’m using Gantry 5 and I just saw we could had “custom HTML” in the layout :
image
But what about CSS ? how can I apply some custom CSS to this HTML code ?


#2

Try using style="…" in your tag or a <style> tag, before your html command. e.g. <embed style="height=350px;display:block;overflow:hidden;position: absolute;transform: scale(.5,.7);transform-origin: left top 0;" src="..." >


#3

Hello @oscon,

Thanks you for your reply. I actually managed to find how to do it.

For adding CSS code to a page we need to go in “Page setting”, go down and click on “+” add CSS icon. Then we can add some CSS with a class to target the part of code we want to affect.