CityLogic

CityLogic WordPress theme

CityLogic

CityLogic’s eye-catching design and smart features makes it a great choice for creating any website from travel to business to food, decor, lifestyle, sport and even an online store. The ability to have a transparent header allows the use of bold homepage imagery by displaying either a static header image, slider or even a full width header video. CityLogic integrates seamlessly with a number of popular FREE plugins such as WooCommerce, Contact Form 7 and Recent Posts Widget Extended. It also works great with SiteOrigin’s Page Builder plugin making it quick and easy to create professional looking pages without any coding knowledge. We’ve even provided two page layouts to get you started. You’re always one step ahead with CityLogic!

  • Fully Responsive

    Whether viewed on a desktop computer, laptop, tablet or mobile phone, your site will respond beautifully.

    CityLogic WordPress theme displaying on various devices

  • WooCommerce-Ready

    CityLogic is styled and ready for integration with WooCommerce, the most popular eCommerce platform on the web, which makes setting up an online store quick and easy.

    CityLogic WordPress theme WooCommerce pages

Recommended Plugins

While the following plugins are not required to create a website with CityLogic we do highly recommend using them.

  • Elementor
  • WPForms
  • WooCommerce

Designspiration

Some examples of websites people have created with CityLogic.

  • Best theme I have used to date, absolutely in love with it.

    Brandon Revering

  • I LOVE CityLogic! It's perfect and so beautiful! It's also very easy to use!

    Libby Lindblom

  • I will recommend your theme for both design, ease AND customer service.

    Jelle van Andel

  • I love your theme for it's options :)

    Mario Lõhmus

If one theme just won't do...

Get a discount price when you purchase CityLogic in a theme bundle.

CityLogic Premium Features

  • Site Logo

    • Set the logo that should display when the header is translucent
    • Set the logo that should display when the header is transparent
    • Display the logo and site title and tagline at the same time
    • Upload a mobile logo and set the screen width at which you want it to appear

  • Layout

    • Turn your site into a one page website by enabling One Page mode
    • Choose between a boxed layout or a full width layout
    • Display a "back to top" button

  • Fonts

    • Set the font weight and letter spacing of the site title
    • Set the font weight and letter spacing of the headings
    • Set the font weight and letter spacing of the body text

  • Colors

    • Set the color that the site title will be when the header is translucent
    • Set the color that the site title will be when the header is transparent
    • Set the color that the header text will be when the header is translucent
    • Set the color that the navigation menu text will be when the header is translucent
    • Set the color of the mobile menu button / hamburger menu
    • Set the colour of the mobile menu and mobile menu font

  • Social Media

    • Link to all your social media profiles - Facebook, Twitter, Instagram and more
    • Place your social media links in any widgetized area with the Social Media Links widget
    • Add one custom Font Awesome icon of your choice and set the URL it should link to

  • Header

    • Enable the Sticky Header so that your logo and navigation menu are always visible when scrolling
    • Set the opacity of the header

  • Navigation Menu

    • Set your navigation menu to sticky so that it's always visible when scrolling
    • Set the opacity of the navigation menu
    • Set the alignment of submenus to centered or left-aligned
    • Set the alignment of the navigation menu to left-aligned, centered or inline
    • Set the navigation menu to be positioned below the header media (slider, image, or video).
    • Set the navigation menu to overhang the header media creating an overlap effect.

  • Slider

    • Enable sticky slider
    • Link your slides to any post or page
    • Enable the slideshow mode for the slider so that it scrolls automatically
    • Set the color and opacity of the text overlay
    • Select the transition effect of the slider
    • Display any third party slider plugin on any page or Blog post via the Slider Shortcode field

  • Video Header

    • Add a full width video header to your homepage

  • Header Image

    • Enable sticky header image
    • Link the header image to any page or post
    • Set the color and opacity of the text overlay
    • Display a different header image on any page of the site

  • Sidebars

    • Choose to display a Secondary or Shop sidebar on any of your pages

  • Page Titles

    • Hide the page title on a specific page by changing the page template
    • ...or choose to hide all page and post titles across the whole site

  • Blog

    • Hide the author, date, tags and categories, and comment count on the Blog
    • Choose between the side layout, top layout or masonry grid layout for the Blog page
    • Put the Blog into full width mode
    • Turn off cropping of the Featured Image
    • Disable the displaying of the Featured Image on your single Blog post page
    • Set the style of the Featured Image to be either round, square or default
    • Set the alignment of the Featured Image to left, right or alternating left and right.
    • Set the Featured Image to link through to the blog post
    • Display a different header image on any post or the category and tag pages by setting the Header Image field
    • Remove the title prefix text from the Category and Tag pages

  • Search

    • Set the search results page to be full width

  • Footer

    • Add a background image to the footer
    • Choose to show or hide the footer widgets area
    • Set the copyright text in the footer
    • Set the number of widgets you wish to display per row
    • Choose to show or hide the footer bottom bar
    • Display the bottom bar in a standard or centered layout

  • Mobile

    • Upload a mobile logo and set the screen width at which you want it to appear
    • Expand the mobile logo to fill the entire width and height of the header
    • Choose whether or not to display the mobile logo and site title and tagline at the same time
    • Set the screen width at which you want the mobile menu to activate
    • Make embedded videos responsive by enabling the FitVids library - this includes YouTube and Vimeo