Support

Theme, User, CustomStyles.css files

Last post 04-13-2008, 9:27 AM by thesurfer. 8 replies.
Sort Posts: Previous Next
  •  04-05-2008, 4:10 PM 5958

    Theme, User, CustomStyles.css files

    Hej,

    I am trying to update a custom Header with a background picture.  No matter what I do I can not get my file SoftBlue.jpg to appear.  Instead a vacation file appears (the theme was vacation originally)

    In firebug it shows the file to be Theme.css instead of the User or CustomStyles files.  I have noticed that I don't have the Theme file in my WebDAV.  I downloaded it in Advanced Customization CSS and then uploaded it into WebDAV after I put in the SoftBlue.jpg as a background-image.  But still I can not show my picture.  Instead it shows a picture of tropical island and some palm trees on it. 

    My site is expandingu.memberlodge.com


    There is never a bad day when you are surfing, in the ocean that is...
    Filed under:
  •  04-06-2008, 9:40 AM 5962 in reply to 5958

    Re: Theme, User, CustomStyles.css files

    We are looking into this.

    Dmitry Buterin, Chief Apricot
  •  04-07-2008, 10:42 AM 5991 in reply to 5958

    Re: Theme, User, CustomStyles.css files

    In order to use your images (that you have loaded to WebDAV), path must start from /resource. Also background image should be applied for two containers:
    #idHeaderContainer and .headerContentHolder
    So correct CSS will be:
     
    #idHeaderContainer
    {
        height: 200px;
        background-image: url(/Resources/Theme/SoftBlue.jpg);
    }

    .headerContentHolder
    {
         background-image: url(/Resources/Theme/SoftBlue.jpg);
    }
     
    I already added this code to your Advanced CSS customization page.
    By the way, we are not recommending to copy Theme.css to Advanced customization since Theme.css is always loading by itself before your customized css.
     
    As for a header customization feature, it worked well for me, could you please elaborate what's happening when you uploading header image?
    Also see: http://help.wildapricot.com/display/DOC/Page+header+customization


    Denys Zlobin
    Helpful Apricot
    http://www.wildapricot.com

  •  04-08-2008, 7:16 AM 6014 in reply to 5991

    Re: Theme, User, CustomStyles.css files

    Denys,

    Thanks for solving the problem. Perhaps you should include the information about the path in the CSS customization help.

    Regarding your question, "As for a header customization feature..." I am not sure what you mean.  In the Wild Apricot editor it tells me I have a customized header and can not use the editor.  The header problem I had was solved by what you'll did.  What happens to my header if I restore it in that editor? Do I lose all my information (I have been reluctant to experiment)

    Questions:

    1) In what css file are the changes that you made, theme, user or customstyles?

    2) Does the theme file normally show up in my WebDAV theme directory as a file called theme.css together with the user and CustomStyles files?

    Again, thanks for your help...


    There is never a bad day when you are surfing, in the ocean that is...
    Filed under:
  •  04-08-2008, 7:25 PM 6041 in reply to 5991

    Re: Theme, User, CustomStyles.css files

    Denys,

    There is still a problem here with Theme.css

    I am using WebDAV to download user, customstyles and theme to my PC where I edit them on my editor and upload them (I am not using Wild Apricot's Advanced Customization). 

    1. When I bring up Theme in my network connections does it automatically download the latest copies from Wild Apricot.  (I am using the XP and the example you show on WebDAV customization)

    2. I edited user.css to remove the border around the login container.  I uploaded it back into WebDAV and I lost my header /Resources/Theme/SoftBlue.jpg     So I downloaded Theme and changed it as you show above, uploaded it and still I have the vacation picture there.

    What is happening here?


    There is never a bad day when you are surfing, in the ocean that is...
    Filed under:
  •  04-09-2008, 2:30 PM 6066 in reply to 6041

    Re: Theme, User, CustomStyles.css files

    We've made changes in user.css.
     
    Here is css files loading order:
    1. Basic.css -- comon for all themes, always loading, could not be changed
    2. Theme.css -- theme-specific, always loading, could not be changed
    3. CustomStyles.css -- theme-specific, auto generated by "Customize theme styles" feature.
    4. User.css -- common for all themes, might be changed using "Advanced CSS customization" feature on WebDAV.
     
    Your theme.css file in WebDAV will never be applied since it is static and can't be changed. You may change only user.css. So when you made changes to user.css it seems you removed this css rules as well.


    Denys Zlobin
    Helpful Apricot
    http://www.wildapricot.com

  •  04-09-2008, 7:34 PM 6076 in reply to 6066

    Re: Theme, User, CustomStyles.css files

    Denys,

    Thanks for this information (you should put this information in the CSS customization information. It will save you'll a lot of work)

    Please confirm the following:

    1. Basic.css - if changes are required here WildApricot has to do it?

    2. Theme.css - if changes are required here WildApricot has to do it?

    3. CustomStyles.css - if changes are required here WildApricot has to do it?

    4. User.css - I can also change it with any editor and load it back via WebDAV?

    I am being specific because I am sure that others on the forum probably could use this information ;-)


    There is never a bad day when you are surfing, in the ocean that is...
    Filed under:
  •  04-11-2008, 9:46 AM 6109 in reply to 6076

    Re: Theme, User, CustomStyles.css files

    We are currently working on a new help page that will describe all of this in more details.
     
    If you need to make any change in existing CSS rules or add new CSS rules you must use User.css.
    For example, lets say you want to change one of CSS rules located in Basic.css, so your actions will be:
    1. Copy this rule from Basic.css to User.css
    2. Make changes to this rule in User.css
     
    Since User.css loads at the very end it will overwrite all CSS rules defined in previous CSS files.


    Denys Zlobin
    Helpful Apricot
    http://www.wildapricot.com

  •  04-13-2008, 9:27 AM 6147 in reply to 6109

    Re: Theme, User, CustomStyles.css files

    Denys,

     Thanks...

    Looking forward to the information.


    There is never a bad day when you are surfing, in the ocean that is...
View as RSS news feed in XML
Copyright © 2009. Wild Apricot (TM) by BonaSource Inc.
Terms of Use   Privacy Policy   Billing and Refund policy

Contact us: 144 Front Street West, Suite 725, Toronto, Ontario M5J 2L7, Toll-free phone: 1-877-270-4268, support@wildapricot.com
Click to verify BBB accreditation and to see a BBB report.