Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #315968

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

    What 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

    • This topic was modified 10 years, 1 month ago by chryseis.
    #316776

    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,
    Peter

    #316863

    Hi 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=0

    Thanks

    #317244

    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!
    Ismael

    #317289
    This reply has been marked as private.
    #317918

    Hi!

    Use this:

    div#optin-home div#mab-33221 {
    margin: 0;
    }
    
    div#optin-home .container {
    width: 100% !important;
    }

    Regards,
    Ismael

    #317997

    Hi 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

    • This reply was modified 10 years, 1 month ago by chryseis.
    #318878

    The problem is now solved.

    #319057

    Hi!

    You can use Google Chromes inspect element or firebug to look for the right selectors. If you still have questions, let us know.

    Best regards,
    Ismael

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘how to add a newsletter optin fullwidth below the fullwidth slider?’ is closed to new replies.