Create a theme wider than 1500px?


Author Message
someones1

Posted: 8/18/2010
Quote message 

Hey folks,

I want to create a theme for the specific purpose of having it be used as a sort of electronic billboard at a University. We will be using a TV that supports up to 1080p (1920x1080), so it would be useful to create a theme that takes up all 1920 horizontal pixels. However, Artisteer only goes up to 1500. I tried looking through the css files to see if I could manually change it, but there are too many px and % values for random things that I can't identify so in the end it didn't work.

So I guess the question is, is there a way to have an Artisteer theme go up to such a width? I don't mind manually editing things, if someone can tell me what to edit.

Please note that I know of the forthcoming fluid width update and how people ask for that all the time -- but I do not care about fluid width (though it would be usable in this case), I just want the width to get to exactly 1920 pixels for a very specific purpose.
 
usajim

Posted: 8/19/2010
Quote message 

Step 1 - Install the Firefox browser
Step 2 - Install the Firebug plugin/addon
Step 3 - Use it to locate the CSS that you need to modify
Step 4 - Do a "Find" (like Ctrl F) in your editor, to find the CSS class or ID that is affected
Step 5 - Modify it
Step 6 - Test it
Step 7 - Document what changes you made to your template (who, what, where, when, why)
 
Lawrence

Posted: 8/20/2010
Quote message 

In the style.css, this should do the trick.

/* begin Box, Sheet */
.art-Sheet
{
position:relative;
z-index:0;
margin:0 auto;
width: YOURWIDTHpx; (Modify this.)
min-width:23px;
min-height:23px;
}
 
usajim

Posted: 8/20/2010
Quote message 

Yes, but unfortunately Lawrence, you have columns and blocks that have widths that were set based on the template you designed with less than 1500 px's width. So, you'd end up having to adjust a whole lot more. And the result may not end up looking good at all.

I do not recommend a 1500 px width. It doesn't make sense at all. At that point what you really need is flexible width templates with Artisteer. These are coming, hopefully soon.

My recommendation is not to go over 900.
 
Lawrence

Posted: 8/20/2010
Quote message 

You're right Usajim, but someones1 has a very specific purpose for doing this. By setting block paths correctly, meaning excluding the url in the specific pages, you can achieve this with a minor tweak. The widths aren't considered for blocks that aren't in those regions.

And I agree with fluid widths, it should be a feature that hits Artisteer eventually. As for not recommending 1500px, hey, it's his website. :-)

I should have mentioned to set margins, padding, and borders to 0px through Artisteer as well.
 
usajim

Posted: 8/20/2010
Quote message 

Lawrence, I like your spirit! I agree with you.
 
Daniel

Posted: 8/23/2010
Quote message 

I really bet that made Lawrence's day that you agreed with him and liked his spirit. :-D
 
Daniel

Posted: 8/23/2010
Quote message 

I have to go run back to the toilet now; I've still got some diarrhea to deal with. :-{}