[jaredmaxsnider]

That is what I was using when the styles got broken. I was only able to get it to display cirrectly using the Block Content element.

[jaredmaxsnider]

Well it didn’t really get “resolved” there is still a problem with the theme that I think your team should look into. But I figured out how to avoid it for now. If I ever want to paste code outside the Swift Builder I will have this same problem. Thanks.

[jaredmaxsnider]

FYI, I was able to resolve the form styling problems by placing the form code in a Boxed Content element.

[jaredmaxsnider]

I was able to resolve this issue by placing the form code in a Boxed Content element.

[jaredmaxsnider]

I have more information regarding this problem. I have a separate ticket regarding the problems I am having using the Swift Page Builder along with the Gravity Forms shortcodes, but I am repeating the information here as it is related. See below.

———————

The styling on my Gravity Forms gets crazy when placed inside an element using the Swift Page Builder, but looks perfectly fine when placed into the page directly using the Gravity Forms shortcode and the WordPress text editor. You can view http://onewayscreenprinting.com/new/contact to see an example of what I mean. The same form is embedded twice on that page. First it is embedded to the right of the contact info in a 2/3 Text Block Element, and the styling is destroyed. The form is then embedded directly below the final Swift Page Builder Element using the Text Editor, and the styling is perfectly fine.

When I switch back to the Swift Page Builder after embedding the form directly the “Classic Editor” button disappears along with the directly embedded incident of the form. In order to get the Classic Editor button back I need to add another element and update the page, at which point I can then see the Classic Editor button again (but again, I lose my Gravity Form.

———————

Thank you for your help resolving these issues.

[jaredmaxsnider]

The button appears to have come back. Not sure if you did anything on it?

[jaredmaxsnider]

This reply has been marked as private.

[jaredmaxsnider]

Perfect. Really appreciate your willingness to help.

[jaredmaxsnider]

Thanks Kyle. I already have custom CSS applied to the row through the “Row Misc Options: Extra Class” section (named .container_base) but nothing happens when I add the “width: 100%” CSS to my stylesheet. I also cannot seem to find where .container_base is being applied when I view the site in Chrome Inspector. Can you tell me how I should be targeting this element? Thank you so much for your continued help, I really appreciate it.

[jaredmaxsnider]

Awesome, thank you so much Kyle! I don’t want to push the boundaries of free support, but would there be a way to apply the full width to a specific element using my custom class selectors? Like to instead of site wide forcing all the containers to be 100% width to only make ones I select with custom class selectors 100% width and leave the rest as is? I just started investigating this and was looking into Parent Selectors or building my own css styles using the media query rules of the theme’s .container class, but if you know an easier way of the top of your head I would really appreciate it. Thanks again for all your help, hope I am not being annoying.

[jaredmaxsnider]

Thanks Kyle!

This is heading in the right direction, now I am just having a problem with building the HTML inside this container. I want the HTML to be built on a full width scale as well but when I place the Raw HTML element inside the fullwidth Row element it is still constrained to the center of the page. You can see what I mean here: http://onewayscreenprinting.com/new/ .

I want the red and yellow boxes to stretch full width. Eventually these boxes would be type and images that would lay right up against the boundaries of the container. I hope this pis possible, thank you in advance for your assistance.

– Jared

[jaredmaxsnider]

Great, thank you! I just didn’t know if I was missing a setting, wanted to check before I added the CSS.

[jaredmaxsnider]

Does this mean the original poster can see my previous reply marked as private? I will grant admin access now, please let me know as soon as you are finished.

Thank you.

[jaredmaxsnider]

I cannot see your reply… it says “marked as private”?

Thank you.

[jaredmaxsnider]

This reply has been marked as private.