How to change the order of two divs?

Hi,

I taught myself the basics of CSS to improve the layout of my own website but I don’t know everything. And I don’t know anything about PHP. So here’s my question: How can I change the order of two divs?

The following happened
I wanted to put a div with share buttons below my posts. So I installed the plugin ‘AddtoAny’.

I set up the buttons, did some CSS styling, and saw that they now appear below the related posts div.

The order of div on my website is now:
– post
– About the author box
– Related posts
– Share buttons
– Comments

However, I want to have the share buttons before the ‘about the author’ box.

So the order should be:
– Post
– Share buttons
– About the author box
– Related posts
– Comments

So I want to know how I can do this. Is there a way to do this with CSS/PHP? Or can I change something in the code of the plugin to make it appear directly below the post? If yes, how? Could you give me the code that I can copy and paste into the editor?

CSS classes of the divs:

• Related posts: yuzo_related_post style-1
• About the author box: saboxplugin-wrap
• AddtoAny share buttons: at-below-post addthis_tool

If you need any code or any other information, please let me know and I will give them.

Kamila

• This topic was modified 7 years ago by kamilapolyglotsdiary. Reason: typos
• This topic was modified 7 years ago by kamilapolyglotsdiary.
• This topic was modified 7 years ago by Andrew Nevins.

The page I need help with: [log in to see the link]