Jump to content
Sign in to follow this  
blue

Change size of feature boxes

Recommended Posts

blue

Is there any way to change the size of the content box of features. For example I want to make the right side of the screent in the feature smaller and the left bigger. Then stretch them both longer. Right now they are about 400x300 and 400x600 respectively. I would like them configurable to 500x200 and 500x600 (height x width). I want the TV in the website bigger with a better aspect ratio; see here. http://www.blue-point-trading.com/ Thank you...

Share this post


Link to post
Share on other sites
Andrew

yes, this is possible.. its a question of css. just add some custom css using the following rules: ` #feature .fcontent {width: ##px} #feature .fmedia {width: ##px} ` where the hashes are the desired widths of the content and media areas

Share this post


Link to post
Share on other sites
blue

ok i can change the width of the 2 on IE, but not the height? Also why does the content portion on this render ok (the width anyway) on IE but the width command has no effect on Safari or Chrome (yes i dumped the cache)? Any secrets? Thanks for your response .....

Share this post


Link to post
Share on other sites
jnoh

sorry for the wait blue. so is the css added right now? just to clarify, you added "height: ##px" but it's not rendering properly?

Share this post


Link to post
Share on other sites
blue

No i took it out. But i put it back. The following is what is happening: IE: It seems to make the media width stretch over the over the fcontent portion but height does not work at all. Chrome/Safari: Media does not stretch over the fcontent section and the height does not work at all. Firefox: Media does not stretch over the fcontent seciton and the height stretches over the features over the 3 features we put below this feature. The code we currently have in the CSS section: #feature .fcontent {width: 200px} #feature .fmedia {width: 680px} #feature . fcontent {height: 600} #feature . fmedia {height: 600} The code in the media portion is: <script src="http://static.livestream.com/scripts/playerv2.js?channel=bluepoint&layout=playerEmbedWide&backgroundColor=0x497FAE&backgroundAlpha=1&backgroundGradientStrength=0&chromeColor=0x497FAE&headerBarGlossEnabled=true&controlBarGlossEnabled=true&chatInputGlossEnabled=true&uiWhite=true&uiAlpha=0.5&uiSelectedAlpha=0.7&dropShadowEnabled=true&dropShadowHorizontalDistance=10&dropShadowVerticalDistance=0&paddingLeft=0&paddingRight=0&paddingTop=0&paddingBottom=60&cornerRadius=0&backToDirectoryURL=null&bannerURL=null&bannerText=null&bannerWidth=320&bannerHeight=50&showViewers=true&embedEnabled=true&chatEnabled=true&onDemandEnabled=true&programGuideEnabled=false&fullScreenEnabled=true&reportAbuseEnabled=false&gridEnabled=falseOn=true&initialIsMute=false&initialVolume=10&contentId=null&initThumbUrl=null&playeraspectwidth=4&playeraspectheight=3&mogulusLogoEnabled=true&width=670&height=400&wmode=window" type="text/javascript"></script> I have played with a few width and height numbers in the CSS and the media portion of the TV screen and can not get anything that looks good. It seems that there maybe perhaps some other container sizing issues as well? Please help ....

Share this post


Link to post
Share on other sites
Andrew

` #feature . fcontent {height: 600} #feature . fmedia {height: 600} ` these rules need 'px' after the number or it won't work. Are you using Firebug? It will allow you to try different sizes right on the page using the inspect tool.

Share this post


Link to post
Share on other sites
blue

sorry it does have the px ...it was an error in my post. No firebug. I can see some effect when changing the values, its just not right. Changing real time is good, but not sure this will get me any where - and a bit complicated. I think this is a simple request that a theme IMHO should have as an option, surely there should be away to do this? Any ideas....it feels like some dynamic sizing is occuring that won't let the code to work properly... Thanks....

Share this post


Link to post
Share on other sites
Andrew

There isn't any dynamic sizing, the widths of various element just need to match. after looking at your site it looks like you've figured it out... at least I see a difference in size. Is this correct?

Share this post


Link to post
Share on other sites
blue

No i want to make it bigger and it does not render correctly in different browser ...please re_read above ...thanks ....

Share this post


Link to post
Share on other sites
jnoh

hey blue, so these are the dimensions you'd like? #feature .fcontent {width: 200px} #feature .fmedia {width: 680px} #feature . fcontent {height: 600px} #feature . fmedia {height: 600px} Why it seems like its being "overlapped" is that the background "container" is actually a static image. It doesn't get dynamically resized like the text containers. Also, there may be an issue with another container interfering with the height. Let me know the exact dimensions that you'd like so that I can modify the page specifically to your needs (i'll send you the code and/or files after. Also, email me at [email protected] and we'll continue this thread there.

Share this post


Link to post
Share on other sites
blue

ok, I would like the left side bar to be only 200px, and the rest what ever is left approx 650. Height 600 .... Thanks a lot...I got a lot of complaints that it is too small ....

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×