After title shortcode possition

Resolved mihaipaul
(@mihaipaul)

8 years, 7 months ago

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

Kind regards,

Mihai

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

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

Theme Author oceanwp
(@oceanwp)

8 years, 7 months ago

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
(@mihaipaul)

8 years, 7 months ago

Hi. Elementor wont edit the page because its php / shop page. But thanks. Any other suggestion?
Theme Author oceanwp
(@oceanwp)

8 years, 7 months ago
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.
Thread Starter mihaipaul
(@mihaipaul)

8 years, 7 months ago

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
(@oceanwp)

8 years, 7 months ago

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
(@mihaipaul)

8 years, 7 months ago

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
(@oceanwp)

8 years, 7 months ago

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
(@mihaipaul)

8 years, 7 months ago

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
(@oceanwp)

8 years, 7 months ago

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
(@mihaipaul)

8 years, 7 months ago

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
(@oceanwp)

8 years, 7 months ago

You are most welcome 🙂

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

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