Cornerstone Compatibility Issues with Forum Plugin

[bradclarke10]

Hi,

I know my inquiry isn’t going to be officially supported but I’m hoping you might have a suggestion none the less.

I’m testing a new forum plugin “Asgaros Forum” and I’m getting compatibility issues when cornerstone edits the page.

I’d like to be able to add responsive text above the short code the forum uses but doing so shifts the forums layout.

When shortcode is added in cornerstone: https://imgur.com/a/RNKn4zp

When shortcode is added without cornerstone: https://imgur.com/a/zlNYnQm

Any way to add responsive text without cornerstone or any other suggestions would be great?

PS: I know X is compatible with buddypress and bbpress but neither was what I was looking for.

Thanks

Brad

[ruenel]

Hello There,

Thanks for writing in! Most of the plugins will have its own template layout and you might not be able to use Cornerstone to edit the Forum page. Please use the default WordPress editor and insert something like this:

<div class="my-forom-container">
  <p>Some text here</p>

  [the forum shortcode]

</div>

If this will still break the layout, then we can assume that the forum plugin you are using won’t allow you to add any text above the forum.

Please let us know how it goes.

[bradclarke10]

Hey @RueNel,

That allows text above the plugin, any way to make the text in the code you provided responsive?

I really appreciate the help!!!

Thanks

Brad

[ruenel]

Hello Brad,

In case you want to add responsive text, please check out this shortcode: http://demo.theme.co/integrity-1/shortcodes/responsive-text/

You might want to update your contents and use something like this:

<div class="my-forom-container">
  <h3 class="responsive-heading">Some Text Heading!</h3>
  [responsive_text selector=".responsive-heading" compression="1.5" min_size="26px" max_size="68px"]

  [the forum shortcode]

</div>

Hope this helps.

[bradclarke10]

Hey @RueNel,

That works great!!! Thank you!!

Last question, is there a way now to reduce the padding above the text / shortcode and add a gap below?

Edit: I figured out the gap below using the link you provided. Would still like to set the padding above.

Thanks

Brad

[rad]

Hi @bradclarke10,

You can add mtn class of the text to remove the padding, like this

<h3 class="responsive-heading mtn">Some Text Heading!</h3>

That should reduce the gap.

Thanks!

[bradclarke10]

Hey @Rad & @RueNel,

Thank you both for your help!

I wasn’t able to get exactly what I wanted at first. The text wasn’t inheriting from my themes settings so it wouldn’t match other pages.

Then I tried building the header in cornerstone and the adding the container [container] and [/container] codes from the link provided earlier in the regular WordPress editor with the forum shortcode in between it and it works perfectly!

Fantastic X support as always.

Thanks again

Brad

[christian]

You’re welcome. Glad we could help.