Shortcode not working on cornerstone

[angelahoskins]

Hi there,
I’ve tried to follow instructions from other posts in this forum to correctly shortcode to Cornerstone.
Can’t find clear instructions in the docs.
My X theme is current.
I have tested both Global Block, Classic Raw and Text elements on the Introduction (1) section on my front page.
Any advice will be appreciated.
I will send my login details separately.
Many thanks!
Angela

[ruenel]

Hello Angela,

Thanks for posting in!

Are you referring to this shortcode?

[pdfviewer width="100%" height="1190px" beta="true/false"]https://example.com/wp-content/uploads/2019/06/Me-MY-Angel-Magic-Moisture.pdf[/pdfviewer]

This is a 3rd party shortcode. You need to enable the 3rd party plugin necessary to render this shortcode.

Please go to Plugins and activate the PDF Viewer plugin. If you are having trouble about this plugin, since this is a 3rd party plugin, it is best that you contact the creators of the plugin for further assistance.

Best Regards.

[angelahoskins]

Hi there,
Thanks for getting back to me. No, the short code that you note in your response is not what I am referring to.
I am needing a login shortcode. In my homepage section called Introduction(1) I have tested a few different shortcodes as to get a login form displayed on my homepage.
So my question is what is the correct shortcode to use for a login form to display on my homepage?

Can you also tell me how to get a login link next to my Cart button in the header?
Thanks again.

[ruenel]

Hello Angela,

Regretfully we do not have any shortcode that you can use to display the login form. What you need to do is this:
1.) Go to Appearance > Sidebars and create a custom sidebar area.

2.) Go to Appearance > Widgets and insert the Sidebar Login widget into the Login Widget Area, since you have installed this 3rd party plugin.

3.) Edit your Global Block and add a Widget Area element and select “Login Widget Area” as the sidebar widget to display.

4.) Every time you add the Global Block into your pages, the Sidebar Login widget will be displayed.

Hope this makes sense.

[angelahoskins]

Thank you very much! Your instructions worked, cheers.
However, I am now struggling with the responsive layout of the login form (Column 1) and text (Column 2).
These elements are on the homepage in the section (Introduction).
Are you able to assist me with this? Many thanks.

[tristup]

Hi Angela,

I have checked your Home Page and the form in the Global Block and found that the custom CSS is setting the width in the Global Block CSS to 400px and that is the reason behind your issue.

I would suggest you remove the custom CSS code to get rid of this issue.

Hope it helps.
Thanks

[angelahoskins]

Thanks for the suggestion. I had tried the CSS in an attempt to fix the width of the login widget. I deleted the CSS and the following pic demonstrates the result.

The minimum widths of the 2 columns are 50% for desktop /larger screens; and 100% for mobiles / smaller screens. Not sure where to go from here to fix the width of the login widget.

As always, your help is very appreciated.

[tristup]

Hi Angela,

I went ahead and added the following custom CSS code into Element CSS of the column where you have added the Global Blocks to make it full-width.

$el .x-global-block
{
    width:100%;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

[angelahoskins]

Thank you very much. Advice noted.
Cheers.
Angela

[tristup]

Hi Angela,

Glad that we are able to help you.

Thanks