Page contains code:

> [column width="8" width_sm="12" css="padding: 0 20px"] [text_group > header="ффф" image="http://www.40.png" image_position="top" > header_css="margin-bottom: -10px; line-height: 28px" > image_css="margin: 20px 0;" header_tag="h5"] <p> <li>т </li> <li>м > </li> <li>5</li> <li>в</li> > > </p> [button button_css="margin-top: 10px"]Read more[/button] > [/text_group] [/column] 

In the Read more button you need to insert a link. I tried all sorts of different means of HTML .

Does not work, either does not work, or breaks the button. Although the button is active and leads to the main.

This is what the browser displays:

 <div class="col-md-8 col-sm-12"> <div class="bd-layoutcolumn-shortcode" style="padding: 0 20px"> <div class="bd-vertical-align-wrapper"> <div class="media"><a href=""><img class="bd-imagestyles media-object img-responsive" style="margin: 20px 0;" src="http://www.crimeasvetodiod.ru/wp-content/uploads/2015/11/altay701.png"/></a><div class="media-body"><h5 class="media-heading" style="margin-bottom: -10px; line-height: 28px"> 0</h5></p> <p> <li>Потребляемая мощность : т </li> <li>Световой поток : м </li> <li>Исполнение : 5</li> <li>Срок службы : в</li> <p><a class="bd-button" href="/">Read more</a><br /> </div></div> </p></div> </div> </div> 

Through all the CSS files I tried to find the class="bd-button" and everything I found here:

 .bd-button-10 a { line-height: 20.00000001px; font-size: 14px; } .bd-container-43:not(.shape-only) button, .bd-container-43:not(.shape-only) input[type="submit"], .bd-container-43:not(.shape-only) input[type="button"], .bd-container-43:not(.shape-only) a.bd-button-10[href], .bd-container-43:not(.shape-only) .bd-button-10, button.bd-button-10, input.bd-button-10, a.bd-button-10[href], .bd-button-10 { /* default transparent bg otherwise you get gray default bg */ background-color: transparent; } .bd-container-43:not(.shape-only) button, .bd-container-43:not(.shape-only) input[type="submit"], .bd-container-43:not(.shape-only) input[type="button"], .bd-container-43:not(.shape-only) a.bd-button-10[href], .bd-container-43:not(.shape-only) .bd-button-10, button.bd-button-10, input.bd-button-10, a.bd-button-10[href], .bd-button-10, .bd-container-43:not(.shape-only) button:link, .bd-container-43:not(.shape-only) input[type="submit"]:link, .bd-container-43:not(.shape-only) input[type="button"]:link, .bd-container-43:not(.shape-only) a.bd-button-10[href]:link, .bd-container-43:not(.shape-only) .bd-button-10:link, button.bd-button-10:link, input.bd-button-10:link, a.bd-button-10[href]:link, .bd-button-10:link, .bd-container-43:not(.shape-only) button:visited, .bd-container-43:not(.shape-only) input[type="submit"]:visited, .bd-container-43:not(.shape-only) input[type="button"]:visited, .bd-container-43:not(.shape-only) a.bd-button-10[href]:visited, .bd-container-43:not(.shape-only) .bd-button-10:visited, button.bd-button-10:visited, input.bd-button-10:visited, a.bd-button-10[href]:visited, .bd-button-10:visited { /* reset browser styles */ border-width: 0; padding: 0; color: #ffffff; background-color: #269ccb; vertical-align: middle; display: inline-block; text-align: center; padding: 7px 15px; border: 0px solid #ffffff; background-image: none; 

Direct on the right path. I'm tired of looking for how to make such an easy operation.

UPD: found in shotcode this:

 // Button public static function button($atts, $content='') { extract(shortcode_atts(array( 'link' => '/', 'type' => 'default', 'style' => '', 'size' => '', 'icon' => '' ), $atts)); $classNames = 'bd-button'; $linkContent = $content; $styles = array('default' => 'btn-default', 'primary' => 'btn-primary', 'success' => 'btn-success', 'info' => 'btn-info', 'warning' => 'btn-warning', 'danger' => 'btn-danger', 'link' => 'btn-link'); $sizes = array('large' => 'btn-lg', 'small' => 'btn-sm', 'xsmall' => 'btn-xs'); if ($type === 'bootstrap') { $classNames = 'btn'; array_key_exists(strtolower($style), $styles) ? $classNames .= ' ' . $styles[strtolower($style)] : ''; array_key_exists(strtolower($size), $sizes) ? $classNames .= ' ' . $sizes[strtolower($size)] : ''; } if ($icon !== '') { $linkContent = '<span class="' . esc_attr($icon) . '">&nbsp;</span>' . $linkContent; } return '<a class="' . $classNames . '" href="' . esc_attr($link) . '">' . $linkContent . '</a>'; 

What is there to use to insert links?

  • one
    Maybe you should try something like [button url="http://yourlink"][/button] ? Judging by the fact that in the output you have a link to the main page - <a class="bd-button" href="/">Read more</a> , that is, on /. Obviously, you are using some kind of shortcodes, but often they are different in different topics. So look better at the manual for the topic, through which parameter you need to pass the link in shotcode [button]. - ilyinilyas
  • one
    @ilyinilyas Please post your comments as an answer. - Nicolas Chabanovsky
  • [button url = " yourlink"] [/ button] does not work - user195340

2 answers 2

You should try something like [button url="http://yourlink"][/button] .

Judging by the fact that in the output you have a link to the main page - <a class="bd-button" href="/">Read more</a> , that is, on /.

Obviously, you use some kind of shortcode, but often they are different in different topics. So look better at the WordPress theme guide, through which parameter you need to transfer the link to shotcode [button].

    Try

     [button link="http://yourlink"][/button] 

    And the style, judging by the code, needs to be set not through button_css, but through style. It turns out:

     [button link="http://yourlink" style="margin-top: 10px"]Read more[/button]