![]() ![]() * use local fonts instead of Google fonts for GDPR compliance * added default theme fonts as local fonts * improved styling of checkbox labels in comment form * added new setting to change the text of the Read More button * added custom color palette for Gutenberg * adjusted footer credit link with clearer wording * added support for responsive embed blocks * improved implementation of footer credit link * disabled post meta theme settings for Magazine blocks * added custom image sizes to select fields in Gutenberg Editor and Media Library * added custom styling for ThemeZee Magazine Blocks * added improved Theme Info section to Customizer * added font display swap to default theme fonts * improved styling of Latest Posts and Table block * fixed styling of captions in Image and Gallery block * improved Block Editor styling for WordPress 5.4 * restructured Sass files and CSS sections * Changed implementation, styles and scripts of main navigation menu * fixed undefined naviClass variable warning * fixed styling of menu items with empty links * added support for the official AMP plugin Navigate to Appearance > Customize in your admin panel and customize to taste. Go to for a guide on how to customize this theme.ĥ. ![]() Click on the 'Activate' button to use your new theme right away.Ĥ. Type in Chronus in the search form and press the 'Enter' key on your keyboard.ģ. In your admin panel, go to Appearance -> Themes and click the 'Add New' button.Ģ. The minimalistic and responsive design focuses on your content and looks great on any screen size.įor more information about Chronus please go to ġ. The Featured Content section and flexible Magazine Widgets give you the ability to highlight your most important posts on the home page. ![]() And since we use Percentage ( % ) to specify width, it will fill out all the space.Tags: two-columns, blog, news, custom-background, custom-logo, custom-header, custom-menu, grid-layout, entertainment, editor-style, block-styles, rtl-language-support, featured-image-header, featured-images, flexible-header, custom-colors, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, one-column, left-sidebar, right-sidebar, three-columnsĬhronus is a clean and simple Magazine WordPress theme with beautiful typography and subtle colors.Ĭhronus is a fast and lightweight WordPress Theme created for magazines, news websites and personal blogs. */Īs you can see in the before and after, we changed how we target the elements, and we also removed the floats, this is because the display:flex flex-flow:row warp will display the elements inside the #columns element near each other. Then, we need to change the styling on the #content and aside elements. First of, we need to add the following, under the #container‘s styles like so:Īfter this, we need to change a few things around in our style.css. In order to use display:flex, we need to wrap our content area and sidebar into another wrapper. Instead we’ll focus on the areas that are different.Īssuming you have the layout ready, which looks like the following: For that, please refer back to the previous article here. For that, here’s a great article by Chris Coyier: A Complete Guide to Flexbox.Īlso, I won’t go over the basic things like the header, navigation and footer areas. I will not go over what exactly flexbox is and how you can use it for different cases. In this article, we’ll create the same exact thing, but instead of using css floats for positioning, we’ll use achieve the 2 column layout with CSS Flex-box. In a previous article I’ve talked about creating a responsive 2 column layout, using css floats to position our content area and sidebar. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |