Presentation on theme: "Theming with the Theme Roller Iain Ure. Theme roller General theming options The theme roller Demonstration Examples Exercise."— Presentation transcript:
Theming with the Theme Roller Iain Ure
Theme roller General theming options The theme roller Demonstration Examples Exercise
Styling Why does my page look the way it does? HTML and CSS HTML defines the elements on the page Paragraphs, headings, blocks, images Nested inside each other CSS is a set of rules. e.g. the font for all paragraphs should be Comic Sans, all headers should be green, the submit buttons should be 300 pixels wide In the HTML template, in "stylesheets". Usually taken from your website when set up.
Theme roller What if you don't know CSS? Agency, freelancer, digital team, client support (tweaks) Theme roller Visual way to edit styling of pages in EN Stylesheet is automatically generated and applied Consistent across multiple campaigns and donation pages
Client examples Mom's Clean Air Force action/action?ea.client.id=1711&ea.campaign.id=34081 World Vision action/action?ea.campaign.id=34927&ea.client.id=20&ea.t racking.id=&ea.campaign.mode=DEMO Age UK benefits/claiming-benefits-older-people-campaign/urge- your-mp/
Embedding Blank template Self-contained styles Fit to width