wordpress theme krystal-shop

2019年6月11日 CEO 3 Comments

こちらのサイトは現在、
wordpressの利用テーマ
“krystal-shop”の子テーマを利用して作成しています。
デベロッパーツールが分かる方は、そちらをご覧いただければ分かるとは思いますが、まず、こちらのテーマは初期のままだとリンクがとても分かりづらいので、 追加CSSへ

a{
	color:black;
	border-bottom:1px;
/*スマホ用の設定*/
	-webkit-tap-highlight-color:rgba(255,238,148,0.8);
}
a:hover{
	color:gray;
	opacity:0.5;
	background:#ffee94;
	outline:1px;
}
a:active{
	color:#5e85ff;
}

そしてホーム画面にあるグラデーションの調整はwordpressメニューにある
外観->テーマエディターからは出来ません。
FTPソフトを使って、
/wp-content/themes/krystal/css/krystal-style.css
の中身をいじります。
こちらをダウンロードして、
745行目あたりに

#parallax-bg #slider-inner:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0,0,0,.5);*/
    /*Red,Green,Blue,浸透度*/
    background: rgba(200,200,200,.7);
    text-align: center;
    color: #fff;
}

があるので、好みの色合いに調整してみて下さい。
そしてFTPを使って、元のファイルを上書き。

CSSはまだまだ勉強中なので、私もいろいろチャレンジして
みようと思います。
それにしてもグラデーションはとても美しいですね。

3 People reacted on this

  1. Hi, I think your website might be having browser compatibility issues.

    When I look at your blog in Chrome, it looks fine but when opening in Internet Explorer, it has some overlapping.
    I just wanted to give you a quick heads up! Other then that, great blog!

Leave a Reply:

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です