DRILL LANCER

フォーラムへの返信

15件の投稿を表示中 - 1,021 - 1,035件目 (全1,539件中)
  • 投稿者
    投稿
  • 返信先: JPNSTYLEページヘッダーの透過 #28017

    DRILL LANCER
    モデレーター

    Lightning Skin JPNSTYLE にはスクロールに合わせて透過率を変更する JavaScript が導入されていないようなので現状は不可能のように思えます。


    DRILL LANCER
    モデレーター

    スキンは Fort / Fort II / Pale / Pale II のいずれかだと思われますが、それ以上はわからなかったので、
    とりあえず、 Fort II を対象にした CSS のコードを記載しています。この場合、添付画像のように変化します。

    /*ロゴの大きさを変更*/
    @media (min-width: 992px) {
    	.navbar-brand img {
    	    max-height: 100px;
    	}
    }
    
    /*お問い合わせエリアを上下中央に配置*/
    .siteHeader_sub {
    	float:none;
    }
    .siteHeadContainer.container .navbar-header {
    	display:flex;
    	justify-content:space-between;
    	align-items: center;
    }
    Attachments:
    You must be logged in to view attached files.
    返信先: Lightning Advanced Slider の利用について #27961

    DRILL LANCER
    モデレーター

    Lightning Advanced Slider は BS4 版では Slide と Fade に機能が制限されるようですが、スワイプ目的で使用する分には問題ないように思われます。


    DRILL LANCER
    モデレーター

    画像の提供ありがとうございます。
    スライドショーの下線を削除したいということなので、
    下記を CSS を適用することで削除可能です。

    .carousel {
    	border-bottom:none;
    }

    P.S.
    「マイアカウント」から入手可能な「Lightning Advanced Slider」を使用することでも削除は可能です。
    おまけに、スワイプも可能になるのでこちらの利用も検討してみると良いかもしれません。


    DRILL LANCER
    モデレーター

    下記 CSS を適用すれば、.gMenu_outerを全幅にしつつ、色を変更することができます。
    ただし、ブレイクポイントをカスタマイズしている場合は一部変更する必要があります。

    @media (min-width: 992px) {
    	.container.siteHeadContainer {
    		max-width: unset;
    	}
    	.gMenu_outer {
    	    background-color: #fff;
    	}
    }

    DRILL LANCER
    モデレーター

    私も PR Content ブロック の画像の代替テキストが alt="画像をアップロード" になる現象が発生しました。
    コードエディタから無理やり変更しようとすると今度はブロックが壊れてしまいました。


    DRILL LANCER
    モデレーター

    Lightning Skin Fort II を適用したという前提で回答しますと下記のようになります。

    /* 質問1 メニューの背景色の変更 */
    @media (min-width: 992px){
    	ul.gMenu li,
    	.gMenu_outer{
    	    background-color: #ffffff;
    	}
    }
    
    /* 質問2 ページヘッダー画像の下線の消去 */
    .page-header {
    	border-bottom: none;
    }

    DRILL LANCER
    モデレーター

    スマホの場合の部分の}が1個足りないのが原因と思われます。
    それ以外に効かない原因はなさそうな気がします。

    /* スマホの場合 */
    @media screen and (max-width:667px) {
    
    	/* スマホでは説明文を全幅に */
    	.slide-text-set > div.container {
    		margin-left:0%;
    		width:100%;
    		/* スライドの下からの位置で配置 */
    		position:absolute;
    		bottom:0px;
    	  font-size: 80%;
    	}
    
    }
    
    /* PC の場合 */
    .slide-text-title,
    .slide-text-caption {
    	text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #f00 !important;
    	font-size:20px;
    }
    
    h3.slide-text-title {
    	margin-left:0%;
    	width:70%;
    	font-size:34px;
    }

    DRILL LANCER
    モデレーター

    最上段 ( ヘッダートップ ) 全体の話ならば下記で可能です。

    @media (min-width: 992px) {
    	.headerTop {
    		color: #666;
    		background-color: #f9f9f9;
    	}
    }

    メニュー内の項目を一括で指定したい場合は下記を指定してあげれば良いでしょう。

    @media (min-width: 992px) {
    	.headerTop ul > li {
    		color: #666;
    		background-color: #f9f9f9;
    	}
    }

    後は下記記事を参考に微調整すれば良いでしょう。

    全てのWordPressテーマで使える!デザインをピンポイントで変更する方法 〜親テーマのCSSは書き換えないで〜


    DRILL LANCER
    モデレーター

    私は画像の位置にカーソルを持っていったら編集できました。

    Attachments:
    You must be logged in to view attached files.

    DRILL LANCER
    モデレーター

    下記 CSS を参考に改変すると良いでしょう。

    .siteFooter{
    	background-color: #e5e5e5;
    }

    参考サイト:

    全てのWordPressテーマで使える!デザインをピンポイントで変更する方法 〜親テーマのCSSは書き換えないで〜


    DRILL LANCER
    モデレーター

    画面の端まで色を変えるには、ロゴやお問い合わせの部分(上記画像の薄い黄色の部分)も同時に変更する必要が出てきます。

    返信先: Lightning Proが更新出来ない。 #27507

    DRILL LANCER
    モデレーター

    何らかのプロセスが該当ファイルをロックしているのが原因と思われます。
    該当ファイルをロックしているプロセスを終了するなり、PCを再起動したりすれば解消すると思われます。


    DRILL LANCER
    モデレーター

    使用されているスキンは下記のいずれかですか?
    そうでない場合は 外観 > カスタマイズ > Lightning デザイン設定 の デザインスキン から下記のいずれかのスキンを選択してください。

    • Origin II
    • Fort II
    • Pale II
    • Variety II

    DRILL LANCER
    モデレーター

    ヘッダーの色分け可能な区分を画像にしてみました。
    このような区分でもOKなら 下記コードをベースにすることで可能でしょう。

    @media (min-width: 992px) {
    	.gMenu_outer {
    	    background-color: #fff;
    	}
    }
    Attachments:
    You must be logged in to view attached files.
15件の投稿を表示中 - 1,021 - 1,035件目 (全1,539件中)