How can I align a Google Map embed

Why not create a container div the put another div that has the paypal buttons in it and use css to float that to the left then create another div that contains the map and float that to the right.

Something like:

<div id="container">
<div id="left-side">
/* paypal buttons are in here */
</div>
<div id="right-side">
/* google map here */
</div>
</div>

Um. Hm. OK.

Graphical_force, I’ve tried inserting the div id code on the page itself as you suggested and nothing has changed, so it must be more involved than that, correct?

I have a basic understanding of what css does. Using css to solve this means not using the text editor window in my edit page but instead going to edit the style.css in the Appearance section of my Dashboard, correct? Would this then apply any changes to
other pages on the site?

This is correct.

I think the suggestion above was that you should make your own divs with your own ids or classes assigned to those divs – then they won’t be applied anywhere else. So try adding this:

#right-side {
   float: right;
   width: 68%;
}

#left-side {
   float: left;
   width: 30%;
}

But you should not modify any theme files at all – rather use a custom CSS plugin so that your changes won’t be overwritten when WP is updated.

You beat me to it! LOL

LOL – I should have left it for you, but at least we said the same thing (more or less) :).

Got it. I’ll hopefully get it working soon (wish this was my day job). Thanks!

OK, I’ve been trying everything I can to make this work. In addition to the information here, I’ve tried to get face-to-face help at the university I work at and found a plugin called Div Shortcode that should have simplified everything. I always hate to say this, but I can’t figure this out.

I’m a content person by training, not a technical person. Anything that I’ve picked up on the technical side has been by keeping my eyes open and can be a bit hit-or-miss. I hate to ask anything that might take up too much of anyone’s time, but if I’m to fix this (and I would love to, because I’m sure I’ll need it again later) then I’ll need step-by-step instructions. Lead me by my nose.

If you feel that this is out of your comfort zone, you can always hire someone in https://jobs.wordpress.net/

Sorry-I can’t really hire anyone for this.

I just can’t help but think I’m missing something obvious or that I don’t know about a step that’s taken for granted I would know. I’m rather proficient in the CMS used where I work, and it has a lot of similarity to WordPress. I’m not even sure why this won’t work when I try to use a table to organize the layout. Why does content get pushed downward in the cells?

I’m going to keep trying, I just wouldn’t mind any other help.

Aaaand I got it. I’m not sure how much of what I did was necessary, but I found this thread and the full code provided (substituting my own content, of course) seems to have done the trick. The problem seems to have been the map itself.

Thanks again for anyone who was helping me here. I do realize that this is volunteer, and I appreciate the time.

Okay, WPyogi and graphical_force… You guys rock!

Your solution was simple and worked like a charm! Thank you ??
Step.1: I rendered my CSS as WPyogi suggested
Step 2: I inserted the <div id=”container”> coding in the ‘Text’ part on the page that I wanted all the alignments done on and voila!

I have two google maps with two different addresses display on the same page. Basically: Address on the left and the Google map directly on the right hand side neighbouring eachother.