WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマVENUS:下層ページのロゴマークを大きく表示する方法

Q.下層ページ用ヘッダーロゴ画像に弊社ロゴマークを指定しておりますが、ロゴ全体が表示されません。表示させる方法をお教えください。

A.下記のphpファイルの該当箇所を編集します


カスタムCSSに下記を設定し、ロゴ部分の背景を伸ばしてください。

.pc #logo_image, .pc #logo_text {
    width: 300px;
}


ロゴ画像に合わせて「style.css」内の
下記の「 max-width: 300px;」「min-width: 60px;」を調整ください。

.pc #logo_image h1 a {
    display: block;
    height: 60px;
    max-width: 300px;
    min-width: 60px;
    position: relative;
    text-align: center;
    width: auto;
}


またそれに伴いグローバルメニューの表示が崩れてしまう場合には、
下記の「min-width: 150px; 」「width: 16%;」を調整ください。

.pc #global_menu > ul > li {
    box-sizing: border-box;
    display: inline-block;
    font-size: 1%;
    min-width: 150px;
    position: relative;
    text-align: center;
    width: 16%;
}

尚、テーマファイルのカスタマイズについてはサポートの対象外となります。
万が一、カスタマイズによって不具合が生じましても弊社では責任を負いかねますのでご了承ください。
カスタマイズに際しては、必ずバックアップをご用意の上
お客様の責任において実施して頂きますようお願い申し上げます。

The following two tabs change content below.

tcd

TCD LABO | WordPressテーマTCDのカスタマイズを研究するサイト

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。