Navigation
Archive / XTheme CSS Grid
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 26, 2016 at 2:42 am #899860
    benefacere
    Participant

    Hi !

    I’d like to have a document with all CSS Grid specifications for renew stack (columns width, margins, paddings…) and for all breakpoints. Do you have this kind of doc available ?

    Thanks !

    April 26, 2016 at 3:54 pm #900999
    Darshana
    Moderator

    Hi there,

    Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do, we’ll be happy to provide you with a response once we have a better understanding of the situation.

    In the meantime, you can check the following information on our knowledge base section.
    – https://community.theme.co/kb/css-class-index/
    – https://community.theme.co/kb/element-spacing/

    Let us know.
    Thanks!

    April 26, 2016 at 11:30 pm #901432
    benefacere
    Participant

    Hi,

    Thanks for your answer.

    My need is to have a fluent process with my team (a web designer, a CSS integrator … and x-theme).

    The PSD proposed here (https://community.theme.co/photoshop/) are not fine for the web designer i work with because he needs informations about the default CSS grid like the default paddings and margins between sections, rows and columns (1/2, 1/3, 1/4… layouts), and for all break points.

    He would need also default paddings and margins for headings, default percentage font size for h1, h2, h3…

    I can obtain all this by inspecting renew stack CSS code but i was wondering if a doc already exists (or PSD) with these informations ?

    April 27, 2016 at 10:24 am #902398
    Rupok
    Member

    Hi there,

    Thanks for updating. As stated on the Photoshop page “Note that due to the iterative nature of design, not all files will completely match the end result of each Stack.” the photoshop file won’t help much because X is very extensive and the demos are the real proof of this. However inspecting element should help most in that case to find all the default CSS. If you inspect an element and go to the CSS then you will find the related styles as well. This screencast might help to understand – http://recordit.co/QagagBkHWz

    Hope this helps.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-899860 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>