Replace the grid css with zurb foundation grid

  • Resolved sanla

    (@sanla)


    9 years, 5 months ago

    Hi there,

    I like this theme Quark because it is perfect “small” in code and understandable and nice to work with. I’m busy with a child theme, but still on a local machine (so no URL available).

    I understand the grid but I want to replace it with the Zurb’s foundation grid to make use of more classes like offset and to try if it helps me to build faster.

    I have added the link(s) to the Foundation code so I can use it now.

    Is it enough to “just” replace all the grid class names in the child theme to the class names of the Foundation grid? Or is this too easy thought and do I need to change more?
    Or is it possible to use both the grids?

    I appreciate advice on this.

    Thanks in advance.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter sanla

    (@sanla)

    9 years, 1 month ago

    Hi,

    In the functions.php I found this line of the theme author:

    “If you prefer to use a different grid system, simply replace this and perform a find/replace in the php for the relevant styles. I’m nice like that!”

    From this line, I assume that with “in the php” you mean all the template files that come with the parent theme (and are used by the child theme).

    I also deregistered the grid.css.

    But I’m not complete sure about the whole replacement. I haven’t used all template files. But are there any consequences, worth mentioning, for the layout because of the current media queries (breakpoints) in the parent’s style.css?

    Thank you.

    Theme Author Anthony Hortin

    (@ahortin)

    8 years, 11 months ago

    If you want to change the grid, not only will you have to dequeue the css, you’re going to have to change every template file that uses the grid classes, and most likely, change some of the css as well.

    If you specifically want to use zurb foundation grid, then you’d be better off just using a theme that is already built with it.

    Thread Starter sanla

    (@sanla)

    8 years, 7 months ago

    Hi Anthony,

    Sorry for the delay, but thank you for your answer.

    What I understand is: I have to replace ALL CSS related to the grid IN the PARENT theme? (then I use the adjusted template in the child theme).

    PS. I want to stick with your theme Quark 😉
    Foundation was an option I wanted to try for the “ready to go” components / page elements and this framework comes with a grid so I thought use this as well.

    Theme Author Anthony Hortin

    (@ahortin)

    8 years, 7 months ago

    The first thing you’ll need to do is to change all the (.php) template files that have any reference to my grid. Then you’ll also need to replace any references to my grid, in the css files as well. Although with that said, there wont be that many references to the grid in my css files anyway. The more difficult part is changing all the php files.

    While it’s certainly possible to do, as I said above, it’s going to be considerably easier to simply use a theme that’s already built on Zurb. There’s a number of well built starter themes based on Zurb Foundation, such as FoundationPress or JointsWP.

    Thread Starter sanla

    (@sanla)

    8 years, 7 months ago

    Hi Anthony,

    Thanks, now the impact is more clear to me!

    Also thanks for mentioning the themes based on Zurb Foundation. I’ve looked at these before…. Well, I still think your theme, including the grid, is my favorite starter.

    So I will think about it a bit more.

    Sandra

    Theme Author Anthony Hortin

    (@ahortin)

    8 years, 7 months ago

    No probs. And glad you like my theme so much 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Replace the grid css with zurb foundation grid’ is closed to new replies.