Return to previous page

Button shortcode not working - by lmathers

This topic has 4 replies, 3 voices, and was last updated 8 years, 4 months ago ago by Robert Hall

lmathers

Participant

December 6, 2015 at 09:15

Regardless of what I do, the URL function of the button shortcode won’t work.

It is only ever http://mywebsite/#

Also – why didn’t you include a “target” option in the shortcode?!?!

Please, contact administrator
for this information.

#102948 Copied Theme version: Latest WooCommerce version: Latest

3 Answers

Jack Richardson

Support staff

December 7, 2015 at 08:21

Hello,

Please specify what shortcode you’re using and show a page where you added it.

Best regards,
Jack Richardson.

#102980 Copied

lmathers

Participant

December 7, 2015 at 10:58

I’m using the [button] shortcode (and actually, that’s a really good point. The documentation around shortcodes is terrible and there’s no way to generate a shortcode within the page editor, which is a bit annoying).

Anyway, any url= attribute with every button doesn’t work.

At the moment on the homepage there is a button to direct the user to my client’s Instagram page. Instead, it just hashes the page and products a “#” URL.

You can see this at http://www.favouritefruit.com/ddc/

#103024 Copied
Robert Hall

Support staff

December 7, 2015 at 15:04
Hello,

I’ve created button for you with tag <a class="followInstagram"></a> and added the following style in Global Custom CSS
```
.followInstagram{
    border-color: #252525;
    color: #000;
    text-transform: uppercase;
    border-width: 2px;
    border: 1px solid #000;
    border-width: 2px;
    font-weight: 500;
    border-radius: 0;
    font: 11px/15px 'Raleway', sans-serif;
    line-height: 15px;
    font-size: 11px;
    padding: 8px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color 0s linear;
    -moz-transition: color 0s linear;
    -ms-transition: color 0s linear;
    -o-transition: color 0s linear;
    transition: color 0s linear;
    display: inline-block !important;
}
.followInstagram:hover{
background-color: #252525;
color:#fff;
}
```
see screenshot: http://prntscr.com/9bcsam
Now you can add your custom link to href attribute.

Regards,
Robert Hall.
#103072 Copied
Viewing 4 results - 1 through 4 (of 4 total)