Announcement

Collapse
No announcement yet.

Suivant/Iron and Flannel Based ReadyTheme Dev Tip

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Suivant/Iron and Flannel Based ReadyTheme Dev Tip

    hey kids!

    Do you use a Suivant based ReadyTheme?

    Have you joined ALL the cool kids and started to use Chrome Inspector to make your day Brighter, Lighter, Faster?

    Well, if so, then you'll really love this tip (and if not, quit being such a square. Get Chrome...then google "Using Chrome Inspection Tools"...and don't make me tell you again.)

    ON YOUR DEV SITE: Open your HEAD Tag Content template and locate:

    Code:
    <link href="../css/css.php" rel="stylesheet">
    Replace with...

    Code:
    <mvt:if expr="'dev.' IN tolower(g.domain:name)">
       <link href="../css/normalize.css" rel="stylesheet">   
       <link href="../css/base.css" rel="stylesheet">   
       <link href="../css/scaffolding.css" rel="stylesheet">   
       <link href="../css/typography.css" rel="stylesheet">   
       <link href="../css/buttons.css" rel="stylesheet">   
       <link href="../css/fonts.css" rel="stylesheet">   
       <link href="../css/forms.css" rel="stylesheet">   
       <link href="../css/tables.css" rel="stylesheet">   
       <link href="../css/colors.css" rel="stylesheet">   
       <link href="../css/slider.css" rel="stylesheet">   
       <link href="../css/magnific-popup.css" rel="stylesheet">   
       <link href="../css/helpers.css" rel="stylesheet">   
       <link href="../css/structure.css" rel="stylesheet">   
       <link href="../css/pages.css" rel="stylesheet">   
       <link href="../css/print.css" rel="stylesheet">
    <mvt:else>
       <link href="../css/css.php" rel="stylesheet">
    </mvt:if>
    If your dev site's domain starts with something other than 'dev.', change the pasted code accordingly. Now, when you right click on an element to inspect, you actually get to SEE the CSS file the selector it relates too. (And if you forget to remove this code before going live...no problem.)
    Bruce Golub
    Phosphor Media - "Your Success is our Business"

    Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
    phosphormedia.com

    #2
    Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

    Ahhh, but that takes all the fun out of it...
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    Comment


      #3
      Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

      Originally posted by lesliekirk View Post
      Ahhh, but that takes all the fun out of it...
      Some people have unusual definitions of the word fun...

      :-)
      Gordon Currie
      Phosphor Media - "Your Success is our Business"

      Improve Your Customer Service | Get MORE Customers | Edit Any Document Easily | Free Modules | Follow Us on Facebook
      phosphormedia.com

      Comment


        #4
        Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

        Love it! Thanks for sharing with the rest of the class Bruce!

        Comment


          #5
          Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

          thanks!

          Comment


            #6
            Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

            You are always great for a grin or chuckle Bruce! Nice tip too!
            Last edited by jsdva; 07-31-15, 04:39 AM.
            Jamie Donaldson
            JSDVS Web Design / Development
            Web Design | Web Development | E-commerce Design & Integration

            Comment


              #7
              Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

              BTW Bruce, did you mean to make fun of the "hipstery" name of Iron and Wool or did you legitimately mistake it for Iron and Flannel. Since you're in Seattle, either is plausible
              Thanks,

              Rick Wilson
              CEO
              Miva, Inc.
              [email protected]
              https://www.miva.com

              Comment


                #8
                Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

                Moi? Make fun of hams...I mean hipsters? Au contraire mon ami!
                Bruce Golub
                Phosphor Media - "Your Success is our Business"

                Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
                phosphormedia.com

                Comment


                  #9
                  Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

                  Hi everybody,
                  What kind of fontface is good to use in banners in Iron and Wool? That should harmonise with the rest
                  I want to create banner templates like the storefront image enclosed.

                  After reading this thread I see Maven Pro, Helvetica is used for the body.img_sfnt_ad01_2.jpg
                  And Baskerville, "Hoefler Text", Garamond for special effects

                  font-family: "Maven Pro", Helvetica, Arial, sans-serif;
                  and
                  Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman",

                  Can you share design tips about fontfaces that I should use?

                  André Loutchko
                  Best wishes from Sweden

                  Comment


                    #10
                    Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

                    Sounds like Great Tip, except when I load recommended code change on my DEV site and use Chrome to access the site, Chrome blows up. The display flashes between Black and White segments every few seconds. Occasionally the screen displays a flashing screen with multiple tabs open. Uninstalling and reinstalling only works if the system is rebooted before the reinstall. So I'm stuck where I was before, looking for a away the change the character size of the nav. bar.

                    ps Chrome works fine on DEV site without the code change.

                    Any insight would be help on either issue
                    Dave C
                    Dave C
                    The Window Technicians, Inc.
                    Andersen Window and Door Hardware
                    http://www.parts-aw.com

                    Comment


                      #11
                      Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

                      NOTE: Update to Previous Forum Post

                      You'll want to actually pull up the css.php file and look at the actual files listed as they change slightly from theme to theme and possible due to updates. But its quite easy to see the actual style sheets in the files themselves.
                      Bruce Golub
                      Phosphor Media - "Your Success is our Business"

                      Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
                      phosphormedia.com

                      Comment


                        #12
                        Re: Suivant/Iron and Flannel Based ReadyTheme Dev Tip

                        Originally posted by dcatel View Post
                        Sounds like Great Tip, except when I load recommended code change on my DEV site and use Chrome to access the site, Chrome blows up. The display flashes between Black and White segments every few seconds. Occasionally the screen displays a flashing screen with multiple tabs open. Uninstalling and reinstalling only works if the system is rebooted before the reinstall. So I'm stuck where I was before, looking for a away the change the character size of the nav. bar.
                        Dave C

                        Did you ever get this resolved? That would be a pretty bizarre effect from such a simple change. Perhaps you missed listing a style sheet that had some Javascript dependency. I'd compare the listing of the files against the actual css.php file.

                        -Bruce
                        Bruce Golub
                        Phosphor Media - "Your Success is our Business"

                        Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
                        phosphormedia.com

                        Comment

                        Working...
                        X