Jump to content

Archived

This topic is now archived and is closed to further replies.

Aires

Social media shortcodes

Recommended Posts

Aires

Hi, Is it even possible to get these shortcodes on the same line I cant seem to get them to act right.  I tried some css with no luck and tried 3 text boxes with a shortcode in each one still wont line up.

 

[like_button url=http://url-to-like.com][googleplus][twitter_button]  I got them from the docs page

 

http://mytestdesigns.pw/


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
James B

Hi, how are you inserting them into the editor? They are showing with <p> tags inbetween each http://screencast.com/t/wB7GTIAt

 

If you're pasting in manually, remove them all first. Then go into text view and paste each one straight after the one in one line.

 

Like

 

[googleplus][linkedin]

 

If you still have the same thing happen, try adding pl-raw codes.

 

[pl_raw]

[googleplus][linkedin]

[/pl_raw]


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
Aires

Hi,

All I did was copy and paste them into a textbox section. 

 

I tried your suggestion above and the social buttons disappear. Here is how I have it

 

 RU1s7Ml.png


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
James B

Ok, my bad pl_raw doesn't work in a textbox. I've checked the bug log and the <p> tag issue has been reported before, this seems to be how the textbox renders the formatting. Reference - https://github.com/pagelines/DMS/issues/329

 

I've got it to work in the way you want it to display by adding the shortcodes into a text widget - http://screencast.com/t/pkNw3bDVt4e. Then using the widgetizer section to display them in the drag and drop layout.

 

http://screencast.com/t/sdWGxuVL


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
Aires

James B Awesome, TY


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Danny

To get this to work in a TextBox, what you would need to do is use some basic HTML/CSS. For example.

 

HTML

 

https://gist.github.com/Dannyholt/56241f546bb719160b66

 

LESS

 

https://gist.github.com/Dannyholt/7cc4c27652a54fc942e2


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Aires

Thanks for the assist. 


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×