YOOtheme Pro is here! The best WordPress and Joomla theme. Learn more

Avatar axel.liebetrau asked

UIKit doesn´t work

Hi,

it´s me again: I don´t know how to use the UIKit properly? Everytime I insert source code in the backend it doesn´t take effect on the frontend...?!

Another question: Is there a convenient tool like Fusion Builder for my backend to facilitate building a structure via drag and drop?

Regards
RC

  • WordPress
  • UIkit
  • Unity

7 Answers

0

Avatar axel.liebetrau answered

Thanks Michael,

well, I always thought UIKit is an integrated part of the UNITY theme - regardless of whatever version - and I wouldn´t have to download it ...?!

And the UNITY demo site actually displays all the things that I can do - with various layout options, the Widgetkit and the UIKit... ?!

Now, there are lots of UIkit examples (e.g. https://getuikit.com/docs/column) with a preview and the associated markup. Since I´m not a professional coder I have some issues and would have appreciated a WYSIWIG builder like the "Fusion builder" for other WordPress themes...

So, what I do is I pick the markup and paste it in my backend but it turns out a distorted mess, e.g. I try to build a multi colomn-container right under a widgetkit gallery but it´s displayed at the far right margin (see http://www.axel-liebetrau.de/vortraege/)...?! How can I solve this issue?

Thanks a lot for your help
Rainer

0

Avatar michael.anlauf Support answered

Sure you can do it but not all UIKit 3 code will be compatible. So use only Uikit 2 code please.
They are a lot of code examples you only have to copy and past. Should be easy enough.
This page maybe also is of some help.

0

Avatar axel.liebetrau answered

Thanks Michael,

got it...now, could you please help me with my coding ...I tried to establish three panels in a row with a medium gutter margin but....see the result on the page "http://www.axel-liebetrau.de/vortraege/"

Source code:

<div class=uk-grid uk-grid-medium"><div class="uk-width-1-1">  
    <div class="uk-panel uk-panel-box uk-panel-box-primary uk-panel-hover" href="">...</div>  
    <div class="uk-width-1-2">  
        <div class="uk-panel">  
            <div class="uk-panel uk-panel-box uk-panel-box-primary uk-panel-hover" href="">...</div>  
            <div class="uk-panel uk-panel-box uk-panel-box-primary uk-panel-hover" href="">...</div>  
        </div>  
    </div>  
</div></div>

Where is the mistake?
Thanks a lot
Rainer

0

Avatar michael.anlauf Support answered

You want a grid of 3 but using a grid of 1-2. How ever, there is already a 3 column panel grid on the UIkit page. Why not just copy the code?

0

Avatar axel.liebetrau answered

Michael,

I tried to build a grid with 3 colomns in one row with primary-box-panels that hover and that are linked with URLs and the first panel should be 50% and the following two 25% and each with a medium gutter...

Now, if you look at the page only few of the above features work....:-((( ...the panels are not in one row and 100% - 50% - 50%, the links don´t work and there is no medium gutter between the panels...

Could you please have a look at my source code and correct it so I can see where I made the mistakes...? Thanks...

Regards
Rainer

0

Avatar axel.liebetrau answered

Hi Michael,

FYI: I´ve installed the Page Builder from SiteOrigin and hope that I get it done this way...

Regards
Rainer

Know someone who can answer? Share a link to this question via email or twitter.