Styling Content Pages
Suppose you want to style the about page (about.php.content) differently.
- Create a CSS stylesheet named about.css
- Place the stylesheet in your custom theme folder (/var/www/domain.com/theme/themename/about.css)
- Call this function inside the about content file (about.php.content) to add it to the Qlick Css list before rendering:
You can also use the <style> tags from within a heredoc string. That is a great way to isolate CSS with the heredoc markup.
CSS3 FlexBox For Responsive Layouts
Qlicksoft CMS uses the CSS3 flexbox display type to build a responsive website in different width sizes:
- 320 to 639 pixel width
- 640 to 1023 pixel width
- 1024 to 1279 pixel width
- 1280 pixel width and more
This lets you easily target mobile, tablet, desktop, and large TV content all with one instance of code. Images, videos, font sizes are responsively sized to accomodate. It is suggested that you keep this in mind and test by resizing your browser to see the changes. Go ahead and see how the CMS reacts in a responsive nature by resizing the browser window as this site uses Qlicksoft CMS.