Title: After title shortcode possition
Last modified: October 26, 2017

---

# After title shortcode possition

 *  Resolved [mihaipaul](https://wordpress.org/support/users/mihaipaul/)
 * (@mihaipaul)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/after-title-shortcode-possition/)
 * Good morning gents / ladies ,
 * I am having a lot of fun with your theme , amazing . And your support so far 
   along my journey was imaculate , and i would like to thank you for that , ahead.
 * I am using a shortcode pluggin to make 2 buttons for my page . Once i add the
   2 shortcodes to the after title shortcode section , the 2 shortcodes are sat 
   on the left side of the page , one near the other . I am looking for them 2 to
   be centered on the same line in the middle of the row , and possibly have a space
   gap in between so that i can move them uniformly . I am finding this difficult,
   and I am not sure how to make this happen in order for them to be responsive :
   I would like them to keep the same position in respect to the page width . So
   using padding / margin will mess my responsiveness. How do i do this ? Is there
   an option that I am missing out ? Thank you so much for the time and effort you
   put into your customers .
 * Please find this immage of the problem and also see the 2 red squares that would
   stand for about where I would like to have the 2 buttons possitioned.
    [Picture of the problem](https://imgur.com/a/fnUa8)
 * Kind regards,
 * Mihai
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fafter-title-shortcode-possition%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 11 replies - 1 through 11 (of 11 total)

 *  Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * (@oceanwp)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/after-title-shortcode-possition/#post-9622950)
 * Hello, it is possible to do that with a page builder, you just need to add two
   columns and add your buttons in there.
 *  Thread Starter [mihaipaul](https://wordpress.org/support/users/mihaipaul/)
 * (@mihaipaul)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/after-title-shortcode-possition/#post-9623698)
 * Hi. Elementor wont edit the page because its php / shop page. But thanks. Any
   other suggestion?
 *  Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * (@oceanwp)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/after-title-shortcode-possition/#post-9623881)
 * Oh, ok, remove your buttons and try this code:
 *     ```
       <div class="container">
           <div class="oceanwp-row clr">
               <div class="span_1_of_2 col clr" style="text-align: center;"><span style="color:#FFFFFF;padding:0px 30px;font-size:22px;line-height:44px;border-color:#72cd69;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-shadow:none;-moz-text-shadow:none;-webkit-text-shadow:none"> UK PRODUCTS</span></div>
               <div class="span_1_of_2 col clr" style="text-align: center;"><span style="color:#FFFFFF;padding:0px 30px;font-size:22px;line-height:44px;border-color:#72cd69;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-shadow:none;-moz-text-shadow:none;-webkit-text-shadow:none"> US PRODUCTS</span></div>
           </div>
       </div>
       ```
   
    -  This reply was modified 8 years, 7 months ago by [oceanwp](https://wordpress.org/support/users/oceanwp/).
 *  Thread Starter [mihaipaul](https://wordpress.org/support/users/mihaipaul/)
 * (@mihaipaul)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/after-title-shortcode-possition/#post-9624520)
 * I tried this but where should i put it ? If I put in the css custom css , i get
   no response , if I put it in the functions php crashes my webpage 🙁 . Thank 
   you
 *  Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * (@oceanwp)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/after-title-shortcode-possition/#post-9624534)
 * How did you put your two buttons?
    Just replace them with this code. You can 
   also use Ocean Hooks to add this code before the products.
 *  Thread Starter [mihaipaul](https://wordpress.org/support/users/mihaipaul/)
 * (@mihaipaul)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/after-title-shortcode-possition/#post-9624610)
 * I put the 2 buttons by going to : pages => edit page ( shop page ) => and i pasted
   the 2 shortcodes in the <SHORTCODES> tab , under the “under title shortcode ”
   special field . I tried to paste the code you gave me on that field but it will
   not work 🙁
 * I will try the ocean hooks but i am not sure what that is … thank you
 *  Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * (@oceanwp)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/after-title-shortcode-possition/#post-9624671)
 * Have you simply tried to create a template via Theme Panel > Template with your
   page builder and add the shortcode of this template in “under title shortcode”?
 *  Thread Starter [mihaipaul](https://wordpress.org/support/users/mihaipaul/)
 * (@mihaipaul)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/after-title-shortcode-possition/#post-9624739)
 * I do not own elementor pro yet because i have my doubts about it , there are 
   so manny errors with not saving and I the guys there do not reply ever to the
   forum posts like you guys do .
 * Backk on the topic : I am using Shortcode generator to make thease 2 buttons .
   I managed to use a setting to make them centered , but now they are on 2 different
   rows instead of being centered both in the middle with a bit of space in between….
 * There should be an easy way to do this from CSS , i just don’t have the knowladge.
   how cool would be if you guys added a function like that where you could move
   those shortcodes around.
 * Thanks for your lightning quick answers !
 *  Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * (@oceanwp)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/after-title-shortcode-possition/#post-9624766)
 * No need Elementor Pro, you can use the template shortcode via Theme Panel > My
   Library, it is not related to Elementor.
    When you create a template via this
   post type, there is a shortcode to place it where you want.
 *  Thread Starter [mihaipaul](https://wordpress.org/support/users/mihaipaul/)
 * (@mihaipaul)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/after-title-shortcode-possition/#post-9624833)
 * That is just absolutely amazing. I have no words. Thank you so much for your 
   help , this solved my problem and opened so many doors .
 *  Theme Author [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * (@oceanwp)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/after-title-shortcode-possition/#post-9624847)
 * You are most welcome 🙂

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘After title shortcode possition’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.6/screenshot.png)
 * OceanWP
 * [Support Threads](https://wordpress.org/support/theme/oceanwp/)
 * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/)

 * 11 replies
 * 2 participants
 * Last reply from: [oceanwp](https://wordpress.org/support/users/oceanwp/)
 * Last activity: [8 years, 7 months ago](https://wordpress.org/support/topic/after-title-shortcode-possition/#post-9624847)
 * Status: resolved