HTML Brick


#1

Does anyone know if it’s possible to align a html brick? I think it can be done I’m hoping someone could show me instead of me trying to figure this out. I’m embedding a google map (small) in a three row bloc. I’ve centered the text and image in the first to areas. I can control the size of the map but not a center alignment.

I’m not sure if I can add a class or edited the html code.

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2950.1452570646456!2d-85.23698628442202!3d42.31810047918968!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8817f2f469f504c3%3A0x1af3e1d9aa755646!2sdr+drain+cleaning!5e0!3m2!1sen!2sus!4v1487358816592" width="370" height="260" frameborder="0" style="border:0" allowfullscreen=""></iframe>

Casey


#2

Give your iframe a class attribute class=“my-iframe-class” then create this class via the class manager and you can style it.


#3

Thanks @norm, it’s nice to know how to style this.

Casey


#4

care to share the code? im needing it badly!


#5

It was easy to create but once I created it and yes I could really do what I wanted as far as size and styles but I could not find how to my it center the content in the predefined area… @norm I was looking at the float dropdown and there is no choice to center. Am I missing something or looking in the wrong place. Just wanted the Iframe to center in the three row bloc. I ended up just using a graphic but I’d like to know how to accomplish this also.

Is there any way to have this in the side bar area like when you add a image?

Thanks
Casey