Jump to content


Photo
- - - - -

Change size of feature boxes


This topic has been archived. This means that you cannot reply to this topic.
14 replies to this topic

#1 blue

blue

    Member

  • Members
  • PipPip
  • 16 posts

Posted 16 January 2010 - 01:51 PM

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...

#2 blue

blue

    Member

  • Members
  • PipPip
  • 16 posts

Posted 18 January 2010 - 11:36 AM

Any response to this post? Thanks ....

#3 arpowers

arpowers

    Founder

  • Administrators
  • 3270 posts

Posted 18 January 2010 - 08:21 PM

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

#4 blue

blue

    Member

  • Members
  • PipPip
  • 16 posts

Posted 19 January 2010 - 01:13 PM

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 .....

#5 blue

blue

    Member

  • Members
  • PipPip
  • 16 posts

Posted 19 January 2010 - 06:53 PM

also on fire fox it looks even worse....

#6 blue

blue

    Member

  • Members
  • PipPip
  • 16 posts

Posted 20 January 2010 - 09:12 PM

please responde to this post...thank you ...

#7 jnoh

jnoh

    Advocate

  • Members
  • PipPipPipPipPip
  • 502 posts

Posted 20 January 2010 - 10:21 PM

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?

#8 blue

blue

    Member

  • Members
  • PipPip
  • 16 posts

Posted 20 January 2010 - 11:44 PM

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 ....

#9 arpowers

arpowers

    Founder

  • Administrators
  • 3270 posts

Posted 21 January 2010 - 01:35 AM

` #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.

#10 blue

blue

    Member

  • Members
  • PipPip
  • 16 posts

Posted 21 January 2010 - 07:14 AM

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....

#11 blue

blue

    Member

  • Members
  • PipPip
  • 16 posts

Posted 22 January 2010 - 12:24 PM

any ideas for me please??? :-/

#12 arpowers

arpowers

    Founder

  • Administrators
  • 3270 posts

Posted 24 January 2010 - 05:25 PM

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?

#13 blue

blue

    Member

  • Members
  • PipPip
  • 16 posts

Posted 25 January 2010 - 02:29 PM

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

#14 jnoh

jnoh

    Advocate

  • Members
  • PipPipPipPipPip
  • 502 posts

Posted 26 January 2010 - 09:32 AM

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 hello@pagelines.com and we'll continue this thread there.

#15 blue

blue

    Member

  • Members
  • PipPip
  • 16 posts

Posted 26 January 2010 - 09:45 PM

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 ....