Divi WordPress Theme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

WordPress fix How to change the order of two divs?

Discussion in 'Misc WordPress Requests' started by kamilapolyglotsdiary, Feb 23, 2018.

  1. kamilapolyglotsdiary


    How to change the order of two divs?, by kamilapolyglotsdiary


    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.


    How to change the order of two divs?

Share This Page

Monarch Social Sharing Plugin