Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The Commerce Kickstart Theme is based off the Omega Base Theme, so a healthy knowledge of Omega will allow you to manipulate the presentation of your website.</p> <p>To edit the regions and zones of your site, you can edit the YOURTHEME.info file as per the tutorial or in the original <a href="https://drupal.org/node/1298694" rel="nofollow">Omega Documentation</a>. The Zones and regions determine where you may place your blocks and content etc in the theme settings itself.</p> <p>To configure the behaviour of the website, edit the regions (column width etc) on your sub-theme settings on your admin as such:</p> <pre><code>yoursite.com/admin/appearance/settings/THEME_NAME </code></pre> <p>Scott Tolinski of LevelUp Tuts did a tutorial on how to edit this which can be quite helpful: </p> <pre><code>http://leveluptuts.com/tutorials/drupal-tutorials/58-drupal-theming-omega-101-4-omega-settings </code></pre> <p>Finally, to tweak the CSS of your site, you will need to understand how the CSS is managed. All CSS should be located in your <code>\sites\YOUR_THEME\drupal-7.XX\sites\all\themes\THEME\css</code> folder. </p> <p>By default Commerce Kickstart like all Omega themes will contain a <code>global.css</code>, <code>theme-alpha-default.css</code> <code>theme-alpha-narrow.css</code>, <code>theme-alpha-normal.css</code>, <code>theme-alpha-wide.css</code>files. Global is the primary CSS you'll be operating in, just be sure you tweak the CSS in a mobile first manner. Anner media query specfic styling should be handled in the appropriate style sheet. </p> <p>Now, since you are using Kickstart there will be a <em>lot</em> of pre-configured CSS; some of which may become useless or unused if you tweak the regions and zones too much but hopefully once you understand Omega better you will be able to make tweaks to the aesthetic as appropriate. I highly recommend Level Up tuts video tutorials as a basic, and try to read the Omega Documentation to understand how to handle the theme appropriately.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload