WordPress.org Codeable.io

Tips and Tricks

find quick videos (or screenshots with details) with some tips and tricks on how to customize and create your site with our Developry Lite theme.

Below you can find quick videos (or screenshots with details) with some tips and tricks on how to customize and create your site with our Developry Lite theme.

  1. Add Custom Logo and Favicon
  2. Change Theme Colors and Fonts
  3. Change Container Width
  4. Hide Page and Post Sidebar
  5. Enable and Update Page and Post Covers
  6. Create a Full-width Page (without sidebar)
  7. Create Cover Page with Overlay Body (coming soon)
  8. Change the Default blank/empty Cover Image
  9. Adding your Own Copyright Text
  10. Update the Footer Nav Social Links

1. Add Custom Logo and Favicon

To add custom logo and favicon go to Appearance > Customize > Site Identity.

Hint: both images would be cropped accordingly with recommended sizes for the logo is 250×75 and favicon 512×512 pixels.

2. Change Theme Colors and Fonts

Customizing theme colors and fonts is easy with our custom Theme Options; with only one click you can have your site styles switched. To do that go to Appearance > Customize > Theme Options and change the default Theme option to one of the others.

Available themes are from Bootwatch where you can see the full view of their styles. In our current version, the following themes are included: Cerulean, Cosmo, Flatly, Journal, Litera, Lumen, Sketchy, and United.

3. Change Container Width

Changing the width of the main container is also easy task. To do that go to Appearance > Customize > Theme Options and change the Container select option.
Fixed (default) container width will change with the window size based on the Bootstrap breaks while the Fluid container option would stay always 100% even for screens > 1200px.

4. Hide Page and Post Sidebar

Again another easy task with our custom Theme Options panel. Just go to Appearance > Customize > Theme Options and change the Sidebar select option.

The default is the traditional right sidebar while you have the options to move it to the left of the content or don’t have it showing up at all.
Hint: By using Full-Width Page template you can apply no sidebar option to only one page (see next tip)

5. Enable and Update Page and Post Covers

Having cover type images is very easy as well, firstly, you need to enable the custom Theme Options field for Featured Image to show. Just go to Appearance > Customize > Theme Options and make the update.

Step two is to add/update the Featured Image to your post or page.

Note: For posts and pages without Featured Image (except main blog page) a default image would be attached. However, you can change this and even have multiple randomized images via the Appearance > Customize > Header Image panel (see below for additional help).

6. Create a Full-width Page (without sidebar)

If you need a page without sidebar (e.g. a home page or a page that would be customized with Developry Bootstrap 4 Shortcodes plugin) all you need to do is go to the desired page and change the Default Template to Full Width (no sidebar).
Note: Titles for full-width pages are not shown in the content area, they’re used for the cover body overlay block.

7. Create Cover Page with Overlay Body

The video is coming soon.

8. Change the Default blank/empty Cover Image

While your Theme Options featured image is enabled you will have a default / blank image loaded for posts and pages without featured image. If you want to change the default blank image that comes with our theme or have multiple randomized images showing as covers you need to go to Appearance > Customize > Header Image and upload your new placeholder(s).

9. Adding your Own Copyright Text

Changing the footer copyright text format is very easy as well. You need to go to Appearance > Widgets > Copyright or Appearance > Widgets and then add Text Widget to the Copyright widget block with your own text formatted as would like.

Note: This will change the default “© 2018 [Your site title linked]. All rights reserved.” with the Text Widget content and change the layout of the footer slightly.

10. Update the Footer Nav Social Links

If you have a footer nav menu created and assigned there are 6 available links for social networks like Facebook, Twitter, Youtube, Instagram & Github or Email Address.

In case you load the Starter Content these links will have some default targets; to change those just go to Appearance > Customize > Menus > Social Nav or Appearance > Menus and select Social Nav.

Live Preview

Hello, Developry!

Join 1,000+ subscribers and receive our WordPress weekly theme and plugin picks, news, updates and latest promotions available @developry services.



1 This is double opt-in subscription list and you can unsubscribe at any given time.