What can we do to make it easier to design with Wild Apricot?

I've never seen a system so difficult to customize

I am a designer and have been trying for three days to make my layout look like the client's site.

Client's site design: www.wbninc.com/dev/

WA site: members.wbninc.com

The code is so completely convoluted and bloated, I still can't figure out why my page and contents (including my header image when I put it in there) are being resized smaller. I can't get rid of the insane padding around the page content.

Isn't there a way to start with practically nothing and build from there, instead of having to strip out tons of css?

Has anyone figured out how to put content under the header (the image I have on the design).

Thanks,

Tara

1 vote
Sign in
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    I agree to the terms of service
    Signed in as (Sign out)

    We’ll send you updates on this idea

    ScrltOTaraScrltOTara shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

    8 comments

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      I agree to the terms of service
      Signed in as (Sign out)
      Submitting...
      • JanJan commented  ·   ·  Flag as inappropriate

        This system frustrates me to no end. Now there maybe a way to customize, using theme overrides. But your code is not well commented!

        I want to do two (what seem like simple things) and have spent two hours on this and still can't figure it out.

        1) change E-mail to email in the login box

        2) Move the word E-mail (or email)

        Through CSS I have made some adjustments but the word E-Mail floats oddly above the login box.

        I second the comments about digging around the layers of code-can't even see the code-it's so deep.

      • eelseels commented  ·   ·  Flag as inappropriate

        Creating new themes from scratch would be a huge improvement! Right now there is just so much digging through code to try and override a setting, etc.

      • MatthieuMatthieu commented  ·   ·  Flag as inappropriate

        You can remove the DIVs using Theme Overrides.

        Our themes are also being rewritten for the new template engine we are developing so they will become much easier to customize. Functional pages will also be more customizable with our new engine, as well as the ability to create your own themes from scratch.

      • red behemothred behemoth commented  ·   ·  Flag as inappropriate

        The issue is the mark up. It is terrible. Even using the overrides, you can't remove all the extraneous divs. There are so many nested empty divs that Firebug can't even render that deeply, which just makes the css by trial and error even worse. This is not a product designed to be themed. You can't even design the "functional" pages.

      • Nick WhitmoyerNick Whitmoyer commented  ·   ·  Flag as inappropriate

        [quote user="ScrltOTara"]

        I understand maintaining functionality, however, there really needs to be a completely bare bones, empty css theme to start with for people who want to do it themselves from the ground up, as well as a list of the styles and what each one does. Trial and error sucks.

        [/quote]

        I second this completely! If there was a theme that utilized 960.gs or CSS Blueprint, I could imagine a lot happier web developers when dealing with integration of this product.

        Can anyone answer what the most barebones theme would be?

        Is there a theme doesn't have the "Art Text" in it?

      • ScrltOTaraScrltOTara commented  ·   ·  Flag as inappropriate

        I did finally get my layout looking pretty good. You can see it at members.wbninc.com

        I still neeed to tweak the content section - I was just working on getting the components to line up right.

        I understand maintaining functionality, however, there really needs to be a completely bare bones, empty css theme to start with for people who want to do it themselves from the ground up, as well as a list of the styles and what each one does. Trial and error sucks.

      • MatthieuMatthieu commented  ·   ·  Flag as inappropriate

        Hi Tara,

        We are working to towards changing how the sites are customized, however it is difficult to for applications like ours to provide greater flexibility while retaining functionality.

        Currently the site is built to be heavily customized using CSS and JavaScript - some examples of what can be done can be found here: http://forums.wildapricot.com/forums/308926-for-designers-and-developers/suggestions/8821324-please-share-your-wild-apricot-websites-with-cool

        As for placing content under the menu, this can be done with JavaScript - I'm using a similar layout on my test site (http://aanpo.wildapricot.org ). The JavaScript I'm using to place content under the menu can be found here: http://help.wildapricot.com/display/DOC/Customization+notice

      Feedback and Knowledge Base

      Wild Apricot Inc. 144 Front Street West Suite 725, Toronto, Ontario, Canada M5J 2L7