Happy Friday, everyone!
Well, I finally got approval to put up my first Drupal site, but when the domain is redirected at it, the colors go wacky.
I built the site using the Pixture Reloaded theme at: http://poppy.med.utah.edu/cc/
When I view it here, on-campus, using the above URL, it renders in shades of lavender/pink (see 1st attachment).
But when I view it by going in from the correct IP address that the domain name will soon be redirected to, it breaks the CSS (see 2nd attachment). The IP address is http://155.100.78.190/
It seems to be calling two different CSS stylesheets between the two addresses. Any idea why the programming might, without any changes or prompting, do this? This theme, it appears, creates its own stylesheets.
I will be on vacation next week, and am desperately trying to get this to work. Any help would be greatly appreciated!
Thanks in advance!
Todd V
| Attachment | Size |
|---|---|
| Correct color scheme | 36.74 KB |
| Broken color scheme | 26.15 KB |
Comments
One more thing
Oh, and the domain name is chicago-collaborative.org
I've never used that theme
I've never used that theme but it looks like it's responsive. Your color styles might be referenced in more than one section of the style sheet or in a separate style sheet (depending on how they set it up). I'd start looking there and make sure you catch all the references in the CSS.
death by the subfolder
Todd, sorry for chiming in late on this one, but it seems like the issue is broken image links in your CSS. This is caused by having the site in a subfolder (i.e. /cc). The issue is this: you have images with relative paths in your CSS (i.e. /sites/all/themes/mytheme/images/background.jpg), which in itself is not a bad thing. But when you put the site in a subfolder those relative paths are broken, because all paths need to start with /cc. So a correct path would be /cc/sites/all/themes/... This is a pain also, since you don't want to switch back and forth.
The better approach is changing your syntax to a relative path based on your CSS location. For example, your CSS file is located here:
/sites/all/themes/mytheme/css/local.css
and your image is here:
/sites/all/themes/mytheme/images/background.jpg
You can reference the image in your CSS with this:
background: url('../images/background.jpg');
This way having Drupal in a subfolder won't matter, since the images and css folders will always be next to each other in the themes folder, regardless of the Drupal location.
Anyway, this was a long-winded answer, hope it was helpful.
-Chuck