Dicot is a clean and responsive theme, perfect for a magazine, news site, or blog. Its useful features include wide and boxed layouts, sidebar areas, a sticky menu, a featured posts carousel, and custom widgets.
Fully Responsive Layout
Dicot works well on many different screens, from desktops and laptops to tablets and smartphones.
Elegant Clean Design
Dicot‘s elegant, minimalistic design makes any site stylish.
The theme’s sticky custom menu is a modern feature.
Featured Content Carousel
Dicot includes an eye-catching featured content carousel just below the main menu.
Post Formats & Featured Images
Dicot supports Post Formats and Sticky Posts. Aside, Audio, Gallery, Image, Link, Quote, and Video post formats give your website a beautiful look.
Featured Images are displayed near the post title on the home and archive pages.
Post Carousel & Post List Widgets
Dicot includes custom Post Carousel and Post List widgets to enhance your sidebar. These widgets display blog posts in a beautiful carousel, or in a list with a thumbnail alongside the post title and date, from all or one specific category.
Custom Header & Background
You can personalize your site with a custom header and background via the Customizer.
Dicot provides built-in interface to upload your site logo with ease.
Suave Typography, Pull Quotes & Content-Focused
Dicot is designed to keep the focus on your content, providing elegant typography and pull quotes.
Widget Areas, Footer Menu & Social Media Links
Dicot comes with four widget areas — one in the sidebar, and up to three in the footer. The footer widget areas will activate once you drag widgets to them in Appearance → Widgets.
There is also a secondary custom menu and social media links in the footer.
Quick Specs (all measurements in pixels):
- The main column width is
- Featured Images for posts and pages are
600 wide by
- Featured Images for the post carousel are
700 wide by
- Featured Images as a background for quote posts format are
800 wide by
- Custom header should be at least
1920 wide by
After activating your theme, visit the Customizer under Appearance → Customize to set up the basic theme settings, such as background color, custom header, site logo, or custom menu.
Featured Content Carousel
Dicot includes an eye-catching featured content carousel area on the home page. Capture your visitors’ attention and lead them to specific posts or pages.
Here are some tips to help you get the featured content carousel set up.
- Go to Appearance → Customize → Featured Content and add the featured tag or a tag of your choice. Dicot supports up to twelve posts or pages in its featured content area.
- Create or edit a post or page you wish to feature. Assign the special tag from step one to this post or page.
- Set a Featured Image for your post or page. Use big and beautiful featured images for the carousel.
- Publish or Update the post or page.
Go to Appearance → Customize → Site Identity to add your site logo.
Check out this guide for full details on how to set up a site logo.
You’ll find Dicot’s theme options in the Customizer, under Appearance → Customize → Theme.
1. Theme Layout
You can use Dicot‘s default wide layout or personalize it with beautiful backgrounds using the boxed layout.
Dicot will cover the full screen width in wide-layout mode. Any background color or background image will not be visible using wide-layout mode.
Dicot will wrap the content in a box. This option is best if you want to use a background color or background image for your website.
2. Main Sidebar Position (If Active)
Dicot displays the main sidebar on the right or left side, as long as it contains widgets.
Dicot features a cool animation effect when elements like posts, widgets or the footer, appear as you scroll. You can choose from several different animation styles.
4. Show Animation on Page Scroll
You can enable/disable content animation via the “Show Animation on Page Scroll” option.
5. Show Page Preloader
Dicot‘s preloader hides the content before it’s fully loaded and provides a smooth experience to your website’s visitors. The preloader displays a “Skip” link automatically on slower internet connections after few seconds.
You can enable/disable the preloader via the “Show Page Preloader” option.
6. Enable Sticky Menu on Large Displays
You can choose to make the header custom menu sticky, so visitors can always access the menu while they scroll on screens wider than 767px. This option can be enabled via the “Enable Sticky Menu on Large Displays” option.
Dicot supports Featured Images on blog posts and static pages. Featured Images appear near the title on the blog index and archive pages. For best results, use an image at least
800px wide and
If you upload larger Featured Images or images with different proportions, they will be automatically resized to match the dimensions noted above.
To create a pull quote, switch to the Text/HTML Editor and add one of the following code snippets, replacing the highlighted portion with your own quote text:
This is a right-aligned blockquote.
This is a left-aligned blockquote.
Add a Custom Header Image
Add a Custom Header image by going to Appearance → Customize → Header. Your uploaded image should be at least
285px tall. The width should be at least
1920px to provide a crisp background.
Add a Custom Background Image or Color
Add a Custom Background via Appearance → Customize → Background. You must choose the Box Layout in the Customizer’s Theme area to see background colors or images.
Dicot allows you to have two Custom Menus, which can be set under Appearance → Menus.
Select Primary Menu location in the Menu Settings to display Custom Menu in the header.
Select Secondary Menu location in the Menu Settings to display Custom Menu in the footer.
Dicot allows you display links to your social media profiles, like Twitter and Facebook, as icons using a Social Links Menu. Read the full guide for setup instructions.
Linking to any of the following sites will automatically display its icon in your menu.
- Email (
- RSS Feed (urls with
Dicot comes with four widget areas: one in the sidebar, and up to three in the footer. The footer widget areas will activate once you add widgets to them in Appearance → Widgets.
Dicot features two custom widgets:
Dicot: Post List
The Post List widget displays posts alongside a small Featured Image. Go to Appearance → Widgets to use the Dicot: Post List widget.
Dicot: Post Carousel
The Post Carousel widget displays the posts in a rotating slideshow with Featured Images. Go to Appearance → Widgets to use the Dicot: Post Carousel widget.