Posted by wkwolff on August 9, 2011 at 2:20am
Hi, I'm new to the Omega theme and I am trying to add different background colors to the global, narrow, normal, and wide to see that my subtheme is working correctly. The site is showing the global bg color, but as I resize the browser none of my other bg colors show. When I view the source I see the global call, but I do not see my subtheme narrow, normal, etc... So am I missing or over looking something I should do when creating my subtheme? I am also new to the who responsive design too.
Thanks for your help.
Kevin
Comments
Omega for Iphone?
Does anyone have a bullet proof method for Omega for Iphone.
Site is www.bedfordtw.co.uk
Not owning an Iphone leaves me with the SDK and Emulators to work with.
Thinking, loose the rotating gallery, loose the images and replace with larger heavy H1 text.
Social media buttons? Include/Loose?
Any other ideas? Going to use a @media declaration. But would love to have a bit of guidance on best practice here? We've done some Iphone stuff before, but either stripped down or 'forced display'.
Help me Himerus - your my only hope - Will himerus be at Dcon London?
http://www.alltooeasy.co.uk
rename stylesheets
wkwolff , make sure you rename your stylesheets for narrow, normal, and wide by adding your theme's name at the beginning like this:
yourthemename-alpha-default-narrow.css
yourthemename-alpha-default-normal.css
yourthemename-alpha-default-wide.css
Which stylesheet governs what
Which stylesheet governs what displays on an iPhone?
Thanks,
moo
I think it is
I think it is alpha-mobile.css
Alpha-mobile it is
I ran into the same problem, but was able to fix the disappearing background colors by pasting my subtheme-alpha-default.css into mobile.css. The other alpha-default css files were not as useful in my case. Thanks, you saved me a lot of time and heartbreak.
global.css in your subtheme
global.css in your subtheme it the stylesheet for mobile-first (iPhone, etc.). Then you would adjust the other, size-specific CSS files to account for different layouts up the chain.
Roger
_________________
Art has gone to the dogs
GoodeGallery.com
Thanks for replying
Thanks for replying Juan.
Here are my stylesheets names below. I did rename them when creating my theme.
global.css
wolffcreative-alpha-default-narrow.css
wolffcreative-alpha-default-normal.css
wolffcreative-alpha-default-wide.css
wolffcreative-alpha-default.css
On each css file I have something like: body { background-color: red; }
Should I see a call for the CSS file when viewing the source?
Is there something I have to edit in the .INFO file to call the narrow, normal, wide, etc...
Or is the something I need to enable in the theme settings that I am missing.
W. Kevin Wolff
Chief Creative Officer
Clearbox
Allterra Group
Wolff Creative
enable
just to make sure,
in your theme settings, under grid settings, make sure to Enable the responsive grid and also make sure Use this layout with the responsive grid is checked for each layout you want to use.
I hope this helps,
Checked
Yeah, I checked my theme and those settings were all enable...
Thanks
W. Kevin Wolff
Chief Creative Officer
Clearbox
Allterra Group
Wolff Creative
FYI fixed
I had my theme folder and .info named wolff_creative, but after changing to wolffcreative it now works.
I followed the instructions from this link:
http://developmentgeeks.com/blog/creating-omega-3x-subtheme
Where is says:
Renaming the folder
Rename the copied folder to custom_theme
Renaming the .info file
Rename the .info file to custom_theme.info
I'm not saying that the information is wrong, but it should be clarified that the theme folder and .info shouldn't have underscore.
Thanks for taking your time to help Juan.
W. Kevin Wolff
Chief Creative Officer
Clearbox
Allterra Group
Wolff Creative
Consistent naming
I'm new to this too so I may be wrong, but I think having an underscore for the theme folder and .info is fine, but you then must use a dash (hyphen) in the css files. It looks like you may have used the underscore on the folder and .info files, but then removed them from the CSS which means they were essentially different names. I think that if you had kept your theme folder and .info files named wolff_creative and then named your css:
wolff-creative-alpha-default-narrow.css
wolff-creative-alpha-default-normal.css
wolff-creative-alpha-default-wide.css
wolff-creative-alpha-default.css
you would have been fine.