Anchor-BootstrapというBootstrap web UI kitのスライドショウでの文字配置

Question

Anchor-BootstrapというBootstrap web UI kitのスライドショウを利用しようとしています。

このデフォルトのスライドショウを用いた場合、画像に対して文字を乗せた場合、
画像の下部の中央寄せで配置されてしまいます。
目標としては
スライドショウの画像に右寄せで、縦方向は個別で文字配置をするようにしたいのですが、
なかなか思うように配置が出来ません。

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

を

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: right;
}

にして右寄せには出来ましたが、
縦方向への調整をどのようにしたらよいのか分かりません。
宜しくお願いいたします。

Comments

[x_x]

Anchor-Bootstrap というのが何か特定できなかったので、リンクがあれば追記願います。

Answer 1

CSSの数値を調整したらうまくいきました