Xeory Extension　ホームページにボタンを配置したい

Xeory Extensionのテーマを使用しています。
メイン画像がありますが、デフォルトでは文字入力しかできません。

こちらの中央にボタンを配置したいのですが、どうスタイルシートを記載していいのかわかりません。

front-page.php

<div id="main_visual"> <a href="#" class="btn-flat-border">BUTTON</a> <a href="#" class="btn-flat-border">BUTTON</a> <div class="wrap"> <h2><?php echo nl2br(get_option('top_catchcopy'));?></h2> <p><?php echo nl2br(get_option('top_description'));?></p> </div> </div>

このように記載していますが、画像がはみ出たりボタンを装飾ができない状態です。
何卒宜しくお願い致します。

行動規範の内容に同意します

回答1件

ボタン2つ表示ですか？
.wrapの中にaを設置すれば中央に配置できますよ。
h2とpが不要なら削除で。
すみません、スタイルはどのようにしたいのか不明なので適当です。

php
1<div id="main_visual">
2    <div class="wrap">
3        <h2><?php echo nl2br(get_option('top_catchcopy'));?></h2>
4        <p><?php echo nl2br(get_option('top_description'));?></p>
5        <a href="#" class="btn-flat-border">BUTTON</a>
6        <a href="#" class="btn-flat-border">BUTTON</a>
7    </div><!-- .wrap -->
8</div>

css
1#main_visual a {
2    width: 45%;
3    max-width: 300px;
4    line-height: 2;
5    display: inline-block;
6    margin: 10px;
7    background: #fff;
8}