• 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

    Thanks in advance!

    https://wordpress.org/plugins/magic-action-box/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Ryann Micua

    (@pogidude)

    Hi @brandbeautiful,

    “somebody” is actually right in saying that it has to do with ProPhoto. See this 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 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- 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

    (@brandbeautiful)

    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.