通知 - リンクボタンのサイズを変更したい

カスタマイズするテンプレートはこちらを使用します。

 

「詳細はこちら」ボタンを詳細テキストと同じ横幅に変更します。
画面左上の「カスタマイズ」を選択し、「HTML」と「CSS」を下記内容に変更&追記してく
ださい。

 

HTML 修正箇所

<div class="karte-temp-whole">
    <div class="karte-temp-close karte-close"><div class="karte-temp-icon-close"></div></div>
    <div class="karte-temp-content">
        <div class="karte-temp-title">{{title}}</div>
        <p class="karte-temp-description">{{description}}</p>
    </div>
    <a class="karte-temp-link" href="{{link}}">
        <div class="karte-temp-button-area">
            <div class="karte-temp-button">{{btn_text}}</div>
        </div>
    </a>
</div>

CSS 修正箇所

.karte-temp-content {
    float: left;
    width: {{bar_width}}-30px;
    margin: 15px 15px 0px 15px;
}
.karte-temp-button {
    padding: 5px 10px;
    font-size: {{btn_font_size}}px;
    color: {{btn_text_color}};
    background-color: {{btn_color}};
    border-radius: {{btn_radius}}px;
    line-height: 1.6em;
    text-align: center;
}

CSS 追加箇所

.karte-temp-button-area {
    width: {{bar_width}}px;
    padding: 0px 15px;
}