Title: Full Width Background
Last modified: August 30, 2016

---

# Full Width Background

 *  [brandbeautiful](https://wordpress.org/support/users/brandbeautiful/)
 * (@brandbeautiful)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/full-width-background/)
 * Hello 🙂
 * I have had somebody set up my opt-in box for me as I’m a noob at WP. She did 
   a fab job but couldn’t get the background of the form to be full width. She said
   it was to do with ProPhoto which is the framework I used when designing my site.
   I’ve messaged them too but didn’t know if somebody here may have a quick fix 
   for this as I’d really love the background to span the full width of the browser
   window like the rest of the footer
 * The form is in a footer widget and can be seen here: [http://www.brandmebeautiful.co.uk](https://wordpress.org/support/topic/full-width-background/www.brandmebeautiful.co.uk?output_format=md)
 * Thanks in advance!
 * [https://wordpress.org/plugins/magic-action-box/](https://wordpress.org/plugins/magic-action-box/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [Ryann Micua](https://wordpress.org/support/users/pogidude/)
 * (@pogidude)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/full-width-background/#post-6296577)
 * Hi [@brandbeautiful](https://wordpress.org/support/users/brandbeautiful/),
 * “somebody” is actually right in saying that it has to do with ProPhoto. See this
   [http://imgur.com/qnY3JGx](http://imgur.com/qnY3JGx) that blue box is the wrapping
   div with a width of 1015px. it is not fullwidth. so anything inside that div 
   can only run up to 1015px. the action box is inside that div.. so..
 * you can do something like `position: relative; left: 300px; width: (whatever)`
   on the action box but it will only work for one screen size and it will look 
   horrendous on other screen sizes.
 * Actually, this is what it looks like on my laptop [http://imgur.com/3DN9MqE](http://imgur.com/3DN9MqE)
   the action box is actually fullwidth! 🙂 but that’s only because my laptop has
   a small screen 😉
 * so, for the action box background to be fullwidth, the wrapping div will either
   have to also be full width OR move the action box out of the wrapping div and
   somehwere else where the action box can fill up all the screen space. normally,
   you’d edit a theme file for this one like what it says here [https://prosulum.zendesk.com/entries/21306111-Can-you-use-Magic-Action-Box-on-wordpress-headers-](https://prosulum.zendesk.com/entries/21306111-Can-you-use-Magic-Action-Box-on-wordpress-headers-)
   but for your case, it would be in the footer.
 * Only thing is, ProPhoto theme has a way of doing things. You probably won’t be
   able to just edit a file.
 *  Thread Starter [brandbeautiful](https://wordpress.org/support/users/brandbeautiful/)
 * (@brandbeautiful)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/full-width-background/#post-6296589)
 * Hi Ryann! That makes total sense. Thank you so much.
 * I did manage to achieve the effect in the end by adding the background line to
   my footer image and tiling it horizontal (yay!) so very happy with that.
 * On another note, when I change the hex code for the colours of the text on the
   form and save, no changes appear. There’s no CSS overriding it so I’m not sure
   why it’s not working.
 * Thanks again 🙂
 * L

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Full Width Background’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/magic-action-box_318aa7.svg)
 * [Magic Action Box](https://wordpress.org/plugins/magic-action-box/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/magic-action-box/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/magic-action-box/)
 * [Active Topics](https://wordpress.org/support/plugin/magic-action-box/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/magic-action-box/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/magic-action-box/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [brandbeautiful](https://wordpress.org/support/users/brandbeautiful/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/full-width-background/#post-6296589)
 * Status: not resolved