Jump to content


Photo
- - - - -
Resolved

Responsive/full-Width Mode: Not Possible To Supersize The Background?



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

#1 atblue

atblue

    Member

  • Members
  • 17 posts

Posted 03 November 2012 - 01:42 AM

Hoping to upload a b/g image that fills the background entirely, no matter the browser window size. I'm using the full-width mode .. so from what I understand, can't activate the supersize option in settings.

We're ok with modern browser restrictions of css3, so can I use background-size: cover?

Danny has a nice option for this persons problem, but its not the same .. if I widen the browser window, the b/g image gets taller and eventually fits my screen, but I'm looking more natural browser window widths.

Please Login or Register to see this Hidden Content



Example page in question:

Please Login or Register to see this Hidden Content



On a big screen (apple 27" thunderbolt here) if you make the browser as tall as your desktop, and then make the width reasonable (third of screen), you'll see the white.

Let me know if I'm being unclear, been a long day of coding and design. :)

-Chris

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts

Posted 03 November 2012 - 02:22 AM

I'm using the full-width mode .. so from what I understand, can't activate the supersize option in settings.


Where did you hear this? I use a background, supersized, in full-width mode.

Also, you should check this...

Please Login or Register to see this Hidden Content


Just in case you want to use the CSS method.

And this would help too, to supersize:

Please Login or Register to see this Hidden Content



#3 atblue

atblue

    Member

  • Members
  • 17 posts

Posted 03 November 2012 - 02:31 AM

Perhaps I'm confusing the supersized definition with what I'd like to happen: bg image fills the entire browser window, not just the width .. makes adjustments as necessary? And for the supersized part was just mentioning based on the parameters set in the pagelines > site options > color control section (see attached).

I'm familiar with the css method, but unsure how to add it into the custom code CSS area as i've had little progress in overriding whatever bg settings are happening.

Thank you.
C

Attached Files



#4 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 03 November 2012 - 04:59 AM

Hi there, you mean you're pasting the code in there and its not working? Try using !important on each css command to override the defaults, example below.

#foo {background-position: 0% !important;}

#5 atblue

atblue

    Member

  • Members
  • 17 posts

Posted 03 November 2012 - 04:26 PM

Baddabing. Good ole' !important. Always forget about that guy..

That worked, thanks James. Props.

#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts

Posted 04 November 2012 - 12:52 AM

The topic was marked as resolved.