Home>Support>moving contact forms to left
  1. 9 years, 3 days ago Andrew Misplon
    Hi, I Work Here

    Hi Nahdi

    If you’d like to switch the position of the sidebar from right to left you can do so from Appearance > Customize > Theme Design > Sidebar.

  2. 9 years, 2 days ago Nahdi Gefariann

    no I don’t want to change it from right to left, I want to move it aliitle bit to left

  3. 9 years, 2 days ago Andrew Misplon
    Hi, I Work Here

    One possibility is making the sidebar a bit wider. That would effectively shift it to the left. Try the following at Appearance > Custom CSS:

    /* Container Widths */
    
    .page-template-default #primary {
        width: 61.287%;
    }
    
    #secondary {
        width: 33.762%;
    }
    
  4. 9 years, 2 days ago Nahdi Gefariann

    thanks a lot Andrew, it solved the problem. But do you know if I want to apply change to contact form position for each page separately, is it possible?

  5. 9 years, 2 days ago Andrew Misplon
    Hi, I Work Here

    It is possible but not very practical. We’d need to repeat the above Custom CSS for each page we want to adjust the containers for. Which pages do you want to do this on?

  6. 9 years, 2 days ago Nahdi Gefariann

    im not sure which pages yet but can you please let me know how can I change it separately for “About Us” and “Oven &BBQ Cleaning Prices” ?

  7. 9 years, 2 days ago Andrew Misplon
    Hi, I Work Here
    /* About Us */
    
    .page-id-53 .page-template-default #primary {
        width: 61.287%;
    }
    
    .page-id-53 #secondary {
        width: 33.762%;
    }
    

    Above is an example. You can get the page ID number by editing any page and checking the URL. There is a single number in the URL, that’s the ID.

  8. 9 years, 2 days ago Nahdi Gefariann

    thanks Andrew, how about if I want to manage two forms position in one page. I am wondering if I want to move pricing table in “Ovens & BBQc cleaning prices” what codes I should add to css?

  9. 9 years, 2 days ago Andrew Misplon
    Hi, I Work Here

    If you use Page Builder to build that page it’ll add more freedom. You can edit the widget, click Attributes and use the CSS Styles block to add something like:

    margin-left: 30px

  10. 9 years, 1 day ago Nahdi Gefariann

    sorry a bit confused, im talking about moving my pricing table, appearance>widgets >edit? I don’t think you mean this

  11. 9 years, 1 day ago Andrew Misplon
    Hi, I Work Here

    You can click any widget in Page Builder and edit it. Then in the Attributes tab on the right there is a CSS Styles field, you can then manually insert a declaration like:

    margin-left: 30px
    
  12. 9 years, 1 day ago Nahdi Gefariann

    where is page builder?

  13. 9 years, 1 day ago Andrew Misplon
    Hi, I Work Here

    Page Builder is available on any post or page as a tab, just to the right of Visual/Text tabs. You can find our walk through video here:

    Page: Getting Started With Page Builder

  14. 9 years, 23 hours ago Nahdi Gefariann

    I couldn’t move the pricing table at all, it is not a widget

  15. 9 years, 23 hours ago Andrew Misplon
    Hi, I Work Here

    Try the following at Appearance > Custom CSS:

    /* Pricing Form */
    
    .entry-content .jzzf_form ul li {
    	margin-left: 0;
    }
    
  16. 9 years, 19 hours ago Nahdi Gefariann

    is there any code I write to add a facebook button(not for like) to every page to connect my visitors to facebook. I mean when they click it they end up to my face book page. I have already done the like button. I am trying to get the other button which takes you to fb page.

  17. 9 years, 17 hours ago Andrew Misplon
    Hi, I Work Here

    You can try out the Jetpack Sharing module:

    https://jetpack.me/support/sharing/

  18. 9 years, 4 hours ago Nahdi Gefariann

    It is not working, I also tried different plug ins but I couldn’t position the fb button where I want to position it. I want fb button up left on every page(right behind Oven Star Logo). I am talking about the button which only takes the viewer to fb page. I really appreciate if you can help me with this.

  19. 9 years, 15 minutes ago Andrew Misplon
    Hi, I Work Here

    The header is split into the logo section on the left and header widget area on the right. These theme constraints unfortunately need to be worked with. So you could use the header widget area to insert a Facebook button.

    For just a simple button you could check out a few other plugins:

    Here are a few to check out:

    https://wordpress.org/plugins/search.php?q=facebook+button

    Number of active installs is an import metric to check.

  20. 8 years, 11 months ago Nahdi Gefariann

    dear Andrew I have already tried them, also I know header is dealing with logo and widget, and I spend many hours finding a way to deal. Please have a look at this url(http://www.ehow.com/how_8581279_submit-url-askcom.html)
    at the bottom right you will see the icons of facebook, twitter, .. Having this sort of facebook icon to connect visitors to my facebook page on vey top left of my pages is something that I really need a hand with it and sincerely appreciate you help me with it

  21. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Jetpack Sharing is the closest I know of. If you select icon only the icons are round, very close to your link. The Jetpack position is at the bottom of the post though.

    With cases like this we can do our best to guide you to the closest possible solution. After that you’d need to consider custom development if the end result you want is fixed and plugins aren’t able to assist.

  22. 8 years, 11 months ago Nahdi Gefariann

    So what you mean is adding code to custom css to reposition the icon? Do you know the code for it?

  23. 8 years, 11 months ago Nahdi Gefariann

    dear Andrew if you have a look at my website http://www.ovenstar.com.au you see its position even have messed my logo, because it is pushing things together, if you can give me a hand with repositioning it so that I can put it on very top left corner of my pages it will be awesome :)

  24. 8 years, 11 months ago Nahdi Gefariann

    unfortunately this button doesn’t take visitors to my facebook page, its just a button to share, I am feeling really frustrated :(

  25. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Sorry to hear Jetpack wasn’t what you’re after.

    It’s important that the majority of your site functionality travels with you when changing themes. For this reason, most functions are packed into plugins, not themes. We don’t have a plugin that offers what you want so in this case you’d need a third-party plugin to fill the gap.

  26. 8 years, 11 months ago Nahdi Gefariann

    can you still give me the css code to reposition the button? also can you please tell me which plug in is used for fb button in this url: http://www.ehow.com/how_8581279_submit-url-askcom.html

  27. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    I did checkout the source code of eHow when you first sent that link. I’m not sure the plugin used there.

    Jetpack has set theme hooks that it uses to output its icons into certain position. It’s beyond the normal ability of CSS to move them from where they are now to a new location.

    My suggestion would be to continue testing plugins until you find a winner.

  28. 8 years, 11 months ago Nahdi Gefariann

    ok thanks anyways dear andrew

  29. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    For sure.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More