Skip to content
Grav 2.1 is out: every page speaks Markdown. Read the announcement →

Gantry 5 adding css

Started by Rayan 8 years ago · 2 replies · 1141 views
8 years ago

Hi everyone,

I'm using Gantry 5 and I just saw we could had "custom HTML" in the layout :
image|639x77
But what about CSS ? how can I apply some custom CSS to this HTML code ?

last edited 02/11/19 by Rayan
8 years ago

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="..." >

8 years ago

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.

Suggested topics

Topic Participants Replies Views Activity
General · by jeremycherfas, 4 days ago
3 95 2 hours ago
General · by Old Man Umby, 2 days ago
1 60 2 days ago
General · by Sebastian, 4 days ago
1 81 4 days ago
General · by Andy Miller, 2 weeks ago
0 216 2 weeks ago
General · by ready-4-IT, 6 months ago
1 716 3 weeks ago