-
Posts
-
Hi,
I’m using magic action box and I have absolutely not a clue on how to make my optin fullwidth and stick it just underneath my fullwidth slider. I
If I add a section my optin will not be fullwidth and I like to get that kind of result: http://xosarah.com,How can I do that? Where do I start?
—————————————————————————–
Hi,I received an answer from the developer of Magic Action Box who told me :
”
Your page builder creates a centered set-width page layout
where all content – action box included – will fit inside of. The width
of the content (including action boxes) is determined by this page-width
set by the page builder. see the attached screenshot.
https://prosulum.zendesk.com/attachments/token/7MnZkeXtiftL9kdYo9yHo7gA0/?name=Workspace+1_022.pngWhat you need is a page layout from your page builder that has
full-width layout (like the slider). If that is possible with your page
builder, then you’ll have a full-width action box.Please ask the developer of your page builder how to create full-width
content page/section that allows shortcodes/php functions. Just tell
them you want to use a shortcode that outputs a colored background and
fills up the given space. you’d like the page builder to give you a
full-width content area so the colored background from the shortcode
will also be full-width.”Can I do that with enfold?
—————————————————
Hi again,I have managed to create a fullwidth section and insert my magic action box short code inside in a text module so that it becomes fullwidth. You can see the result on the screenshot. My only problem now is that there must be some padding of some sort in the color section and I don’t know how to get rid of it so that I can make my optin fits the entire color section and stick to the slider above.
I have set up no margin in color section options…And my optin as no margin as well. Maybe it comes from the text box??Can you help please?
Kind regards
Chrys
Hi chryseis!
I recommend to create a color section, insert a “Code” element into it and paste the shortcode into the “code” element text area.
Best regards,
PeterHi Peter,
I tried it (show you the screenshots) but it is stills the same.
I am sure it has to do with the color section but I don’t know which css to apply.
I have made also a screenshot of what I have with firebug. Maybe that can help as I ‘m on local..https://www.dropbox.com/s/pqjsc56evh0ys13/bloc%20code.jpg?dl=0
https://www.dropbox.com/s/g4r46k9qxgd8li4/space.jpg?dl=0
https://www.dropbox.com/s/7w7cn73bfg1inxu/div.jpg?dl=0Thanks
Hey!
Try adding this on Quick CSS or custom.css to remove the content padding:
#optin-home .content { padding-top: 0; padding-bottom: 0; }Cheers!
IsmaelHi!
Use this:
div#optin-home div#mab-33221 { margin: 0; } div#optin-home .container { width: 100% !important; }Regards,
IsmaelHi Ismael,
Perfect! Thanks! I didn’t you could put “div” in css..How do you know when to use that? Is that specific to Enfold?
—————————————————-
Hi again,I wanted to use the box layout in order to see what I prefer for my layout and I have a problem with the optin on the boxed layout. The optin is pushed outside of the box layout on the right and have a space on the left. I made a screenshot of the local site. I’d prefer not to put my live site on box layout. Can you help with that?
https://www.dropbox.com/s/xek7o6y471tawwt/mab.jpg?dl=0
Best regards
Chrys
- The topic ‘how to add a newsletter optin fullwidth below the fullwidth slider?’ is closed to new replies.