Optimizely CMS - Learning by Doing: EP08 - Integrating UI : Demo

on

 


Episode 8 is Live!!


The latest installment of my Learning by Doing: Build Series on Optimizely CMS 12 is now available on YouTube!

This video focuses on integrating UI elements into a custom CMS website using Bootstrap and custom CSS.

The Process involves
  • Creating a custom stylesheet (style.css) and placing it in a new wwwroot/css folder
  • Linking both the custom stylesheet and Bootstrap library in the main layout file (_Layout.cshtml)
  • Applying CSS classes to the header and footer components .
  • Styling the homepage (StartPage/Index.cshtml) by adding header and paragraph tags with appropriate classes for the title and description
  • Styling standard pages (like 'About Us') similarly to the homepage
  • Styling the recipe listing page to display recipes in a card layout
  • Styling the individual recipe page to show ingredients as an unordered list and steps as an ordered list, also including details like servings, prep time, and cook time





Comments

Post a Comment