Fisubice Theme

Posted: Mon Jan 23, 2012 12:25 pm

Had a chance after months of real life issues to look at this. First off, congrats to you all for a fine job getting this together and out.... Smile

I updated a 2.4 raven site to this today and have traced down any issue I had to my own doing except one. My fisubice theme shows now at about 85% width of screen instead of full screen as it did before.(this could still be a problem caused by my own doing, just haven't figured it out yet...lol) I am using IE 8 btw to view website.

Little time that I have had today to play with this, I am truly impressed with the improvements in this version! Excellent job RN team!

Posted: Mon Jan 23, 2012 1:09 pm

Found the solution in the ravennuke.css file on line 248 .minmax line. Increased the maximum setting and it now shows full page..... Smile

Posted: Mon Jan 23, 2012 2:05 pm

Have planned to document this in the wiki but have just not had time as of yet. I will get there though Smile

Code:

.minmax{min-width:800px;max-width:1600px;margin:0 auto}

This CSS was added to help control some center block styling issues, as many of the blocks will change layout when used in the center position. Just be aware that these block layouts are not optimized for display greater than 1600px. Although some customization to the stock block styling may be needed anyway, depending on any given site and it's content.... I'll touch on that in the wiki

Part of my argument for adding it was with the increasing resolutions of pc displays combined with full-width themes; leading to the inner content becoming too stretched out, and the block columns becoming so narrow in proportion to the main content they look rather silly, imo.

Looking around the web, most modern themes are no longer full-width and many use max-width for the reasons stated above. Ideally a theme would deliver a special layout for high resolution displays.... Another one for the project board Smile

If you want to keep from having to modify ravennuke.css you can override within your theme by using

Code:

.minmax{max-width:none;}

I'll touch more on this in the wiki in the not too distant future....

registered · Posted: Wed Jan 25, 2012 6:53 am

spasticdonkey wrote:

Part of my argument for adding it was with the increasing resolutions of pc displays

PC's? We are very quickly moving towards the age of phone/tablet sized devices overtaking PCs. I haven't checked lately, but I am seeing a clear up-tick in these devices on my sites and one of the attributions for this, I think, is social media marketing, such as Twitter. I have filled much "dead space" time with checking on my smartphone my twitter and other feeds, and invariably, if something looks interesting, I click into it to check it out...

This puppy needs to move very quickly down this path...

Posted: Wed Jan 25, 2012 8:15 am

I wouldn't debate that Smile

But does this code pertain to mobile devices?

Code:

.minmax{min-width:800px;max-width:1600px;margin:0 auto}

I can't image the 1600px restriction having an implication on mobile devices for some time... and at less than 800px I'm fairly confident most of our full width themes would not display well; with elements collapsing upon each other. I can only assume most mobile devices are able to use scaling to display such layouts.

I guess resolutions are growing and shrinking at the same time, and we need to be respective of both. Cool

On a side note, I am still making progress on my mobile theme, although taking a "break" to work on some wiki docs atm. "break" is definitely not the right word, lol Crying or Very sad

Posted: Fri Jan 27, 2012 7:28 pm

spasticdonkey wrote:

But does this code pertain to mobile devices?

Nope. I am more and more convinced that all of us need to be considering huge shift from PC to phone/tablet usage globally in everything that we do. Just call me the Multi-Device Evangelist now... lol. Smile

I just can't get off my soap-box these days... sorry.

I am finding my own on-line consumption shifting dramatically and I know others are as well. Just talk to anyone around you and the trend is clear. All one has to do is compare the sales of these devices to PC sales to see this.

That's all. AND, I love the work you are doing on the mobile theme! Keep up the great work.

Wave