質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.49%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

2871閲覧

アイキャッチ画像を自動でリサイズしたい。

number093

総合スコア12

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2015/10/21 11:52

HPを作成しています。
http://number093.com/

テンプレートLEFTYを使い形にはなっていますが細かい点を改良したいです。
http://justfreethemes.com/lefty-free-wordpress-theme/

TOPページの写真はアイキャッチ画像が引用されるようなのですが
840pixel幅以上のものを使うとはみ出して表示されません。

840pixel以上の場合は自動的に840pixelに縮小してほしいのですが。。。

アドバイスよろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

CSSは関係ないですね。いじる必用はないです。

提示のリンク先をみると、
TOPページの画像は、
PA030316-Custom-900x600.jpg

個別ページの画像は、
PA030316-Custom-800x675.jpg

となっていますね。
画像の縦横比がTOPページと個別ページで異なるので、個別ページの画像が左右がかけたものになっているのを問題にしているのですよね。

もしそうなら、テーマのアイキャッチ画像の設定の方を変更する必用があると思います。

下記のリンク先等を参考にしてみてくだいさい。

WordPressでアイキャッチ画像を好きなサイズで設定・使う方法 | WordPressブログ作ってみる?

切り抜きの指定が関係してくると思います。

投稿2015/10/22 03:21

hatena19

総合スコア33692

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

number093

2015/10/22 09:42

image-default-sizes.php というファイルがあり if( $args == 'blog_entry_width' ) return '1000'; if( $args == 'blog_entry_height' ) return '9999'; ←9999に変更 if( $args == 'blog_entry_crop' ) return ''; ←Trueを削除 //blog post if( $args == 'blog_post_width' ) return '800'; if( $args == 'blog_post_height' ) return '9999'; if( $args == 'blog_post_crop' ) return ''; ←Tureを削除 したところ、TOPページの画像はみ出しが治りました! ありがとうございました!
guest

0

アイキャッチのところのスタイルシートを以下のようにされてはいかがでしょう。

css

1.eyecatch img 2{ 3 width: 840px; 4 height: auto; 5} 6 7※.eyecatch の名称はお使いのテンプレートのスタイルシート名に置き換えてください。 8

投稿2015/10/21 12:17

KenjiObata

総合スコア440

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

number093

2015/10/21 13:26

以下がCSSなのですが、具体的にどこかご教示いただけませんか? /*----------------------------------------------------------- Theme Name: Lefty Version: 1.0 Description: Premium WordPress theme by AuthenticThemes Author: Authentic Themes Author URI: http://www.authenticthemes.com Theme URI: http://www.authenticthemes.com/themes/grid Tags: light, flexible-width, custom-header, custom-background, threaded-comments, custom-menu, featured-image-header, featured-images, full-width-template, theme-options, translation-ready License: GNU General Public License version 2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html /* Reset ----------------------------------------------------------- */ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video { font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } ol, ul { list-style: none } blockquote, q { quotes: none } :focus { outline: 0 } table { border-collapse: collapse; border-spacing: 0; } img { max-width: 100%; height: auto; } .row:after, .col:after, .clr:after, .group:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .col { margin-bottom: 1.5em; display: block; float: left; width: 100%; margin-bottom: 1.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (min-width:768px) { .col { margin-left: 2% } } @media (min-width:768px) { .span_1 { width: 2.25% } .span_2 { width: 6.5% } .span_3 { width: 10.75% } .span_4 { width: 15.0% } .span_5 { width: 19.25% } .span_6 { width: 23.5% } .span_7 { width: 27.75% } .span_8 { width: 32.0% } .span_9 { width: 36.25% } .span_10 { width: 40.5% } .span_11 { width: 44.75% } .span_12 { width: 49.0% } .span_13 { width: 53.25% } .span_14 { width: 57.5% } .span_15 { width: 61.75% } .span_16 { width: 66.0% } .span_17 { width: 70.25% } .span_18 { width: 74.5% } .span_19 { width: 78.75% } .span_20 { width: 83.0% } .span_21 { width: 87.25% } .span_22 { width: 91.5% } .span_23 { width: 95.75% } .span_24 { width: 100% } } /*clear left margin*/ .clr-margin { margin-left: 0 } .count-1 { clear: both; margin-left: 0; } /* Lists ----------------------------------------------------------- */ .entry ul, .entry ol { margin: 30px 0 30px 30px } .entry ul { list-style: disc } .entry ol { list-style: decimal } /* Forms ----------------------------------------------------------- */ /*reset search styling*/ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none } /*inputs*/ input[type=search], input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea { font-family: inherit; border: 1px solid #eee; background: #eee; color: #505050; display: block; font-size: 13px; font-weight: normal; margin: 0 0 5px; padding: 8px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-appearance: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; border-radius: 3px; } textarea { width: 100%; padding: 15px; -webkit-appearance: none; border-radius: 0; } input[type=search] { font-weight: normal } #footer input[type=search] { border: none; box-shadow: none; padding: 10px; width: 100%; } #sidebar #searchsubmit, #footer #searchsubmit { display: none } #sidebar input[type=search] { width: 100% } input[type="search"]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus { outline: none } /*buttons*/ button, input[type="button"], input[type="submit"], input[type="submit"] { background: #e32d40; border: 1px solid #e32d40; color: #fff; cursor: pointer; display: inline-block; font-family: inherit; font-size: 13px; font-weight: 600; letter-spacing: 1px; line-height: 20px; margin: 0 0 10px; padding: 8px 12px; text-align: center; text-transform: uppercase; border-radius: 3px; } button:hover, input[type="button"]:hover, input[type="submit"]:hover, #commentsbox input[type="submit"]:hover { color: #fff; opacity: 0.80; } /* WordPress Styles ----------------------------------------------------------- */ .sticky{} .bypostauthor{} .gallery-caption{} /*aligns*/ .aligncenter { display: block; margin: 0 auto; } .alignright { float: right; margin: 0 0 10px 20px; } .alignleft { float: left; margin: 0 20px 10px 0; } /*floats*/ .floatleft { float: left } .floatright { float: right } /*text style*/ .textcenter { text-align: center } .textright { text-align: right } .textleft { text-align: left } /*captions*/ .wp-caption { text-align: center; max-width: 100%; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { display: block; margin: 0 auto; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 12px; padding: 4px; margin: 0; text-align: center; } /*smiley reset*/ .wp-smiley { margin: 0; max-height: 1em; } /*blockquote*/ blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } /*img attachment*/ #img-attch-page { text-align: center; overflow: hidden; } #img-attch-page img { display: inline-block; margin: 0 auto; max-width: 100%; margin-bottom: 20px; } /*gallery shortcode*/ .gallery-item img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Site Widths & Core Layout 続く
number093

2015/10/21 13:27

続き ----------------------------------------------------------- */ .container { margin: 0 auto } .container-left { float: left; padding: 40px; background: #21282e; height: 100%; color: #687E91; } .container-right { background: #fff; margin-bottom: 0; } .site-main { float: left; width: 90%; max-width: 1000px; padding: 80px; } /* Body, Main & Commons ----------------------------------------------------------- */ body { background: #21282e; nowhitespace: afterproperty; font: 13px/1.8 'Droid Sans', Helvetica Neue, Helvetica, Arial, sans-serif; color: #444; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } body a { color: #e32d40 } body a:hover { } img { max-width: 100%; display: block; } a:not(img) a:hover { background: #e32d40; color: #fff; } .entry-footer { clear: both; margin: 20px 0 0; } .full-width { width: 100% !important } #grid { position: relative } /* Commons ----------------------------------------------------------- */ /*read more*/ a.read-more { float: right; margin-top: 10px; } a.read-more:hover { color: #000; text-decoration: none; } blockquote { background: none repeat scroll 0 0 #F5F5F5; border-left: 5px solid #DDDDDD; color: #606060; font-family: 'Droid Serif',Georgia,Times New Roman,Times,serif; font-size: 20px; font-style: italic; line-height: 1.65em; margin: 40px 0 40px 40px; padding: 40px; } blockquote p:last-child { margin: 0 } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } address { letter-spacing: 1px; margin: 20px 0; } #page-featured-img { position: relative; margin-bottom: 25px; } #page-featured-img img { display: block; width: 100%; } .bypostauthor { } /* Typography ----------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; font-family: 'Droid Serif',Georgia,Serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #e32d40 } h2, h3, h4, h5, h6 { font-weight: 600; margin-bottom: 10px; } h1 { font-size: 24px; margin: 0 0 20px; } h2 { font-size: 18px } h3 { font-size: 16px } h4 { font-size: 14px } h5 { font-size: 12px } h6 { font-size: 11px } .subheader { color: #777 } p { margin: 0 0 20px } p img { margin: 0 } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic } strong { font-weight: bold } small { font-size: 80% } hr { border: solid #eee; border-width: 1px 0 0; clear: both; margin: 40px 0 40px; height: 0; } p a, p a:visited { line-height: inherit } a:link { text-decoration: none } a:focus { outline: 0 } a { outline: 0 } p a, p a:visited { line-height: inherit } a:focus { outline: 0 } /* Headings ----------------------------------------------------------- */ /*page heading*/ .page-header { position: relative; margin-bottom: 40px; padding: 0 0 20px; border-bottom: 1px solid #eee; } .page-header h1, .page-header h2 { font-size: 40px; line-height: 1.2em; color: #000; margin: 0px; max-width: 85%; letter-spacing: -1px; font-family: 'Droid Serif', Georgia, Serif; word-wrap: break-word; } .archive-meta { margin-top: 20px } .archive-meta p:last-child { margin: 0 } /*heading class*/ .heading { border-bottom: 1px solid #EEEEEE; color: #333333; font-family: 'Droid Serif',Helvetica Neue,Helvetica,Arial,Sans-serif; height: 35px; line-height: 35px; margin: 0 0 25px; } .heading span { } /* Header ----------------------------------------------------------- */ #masthead { position: relative; margin-bottom: 30px; } .logo { float: left } .logo a { font-weight: 600; padding: 0px; margin: 0 0 20px; text-decoration: none; display: inline-block; } .logo h1 a, .logo h2 a { color: #fff; padding: 10px 20px; background: #e32d40; } .logo h1 a:hover, .logo h2 a:hover { color: #fff; text-decoration: none; } .logo img { display: block; max-width: 250px; } .logo h1, .logo h2 { font-size: 36px; margin: 0; line-height: 1.3em; font-family: 'Droid Serif', Helvetica Neue, Helvetica, Arial, Sans-serif; margin-bottom: 25px; } p#site-description { margin: 0; color: #F8F8FF; line-height: 1.6em; } /* Posts ----------------------------------------------------------- */ /*entry*/ .loop-entry { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 2px solid #eee; } .loop-entry h2 { font-size: 32px; margin: 0 0 15px; line-height: 1.25em; font-family: 'Droid Serif', Georiga, Serif; letter-spacing: -1px; } .loop-entry p:last-child { margin: 0 } .loop-entry-img-link { display: block; margin-bottom: 30px; } .loop-entry-img-link img { display: block; width: 100%; } .loop-entry-img-link img:hover { opacity: 0.85; -moz-opacity: 0.85; -webkit-opacity: 0.85; } .loop-entry .loop-entry-categories { margin: 0; line-height: 1.25em; } .loop-entry-categories li { list-style: none; display: inline; margin: 0; font-family: 'Georgia', Times New Roman, Times, serif; font-style: italic; margin-right: 4px; } .loop-entry-categories li a { color: #909090 } .loop-entry-categories li a:hover { color: #000 } /*post-thumbnail*/ #post-thumbnail img {width: 100%; height: 100%; display: block; margin-bottom: 30px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #post-thumbnail img:hover { opacity: 0.85; -moz-opacity: 0.85; -webkit-opacity: 0.85; } /*tags*/ .post-tags { margin-top: 40px } .post-tags a { display: block; float: left; padding: 4px 8px; background: #f5f5f5; color: #666; margin-right: 5px; margin-bottom: 5px; font-size: 11px; font-weight: 400; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; text-transform: uppercase; letter-spacing: 1px; } .post-tags a:hover { background: #e32d40; color: #fff; text-decoration: none; } /*related posts*/ .related-posts { margin-top: 60px } .related-posts img { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .related-posts img:hover { opacity: 0.85 } .related-entry-details h2 { font-family: 'Droid Sans',Helvetica Neue,Helvetica,Arial,Sans-serif; line-height: 1.45em; margin-bottom: 15px; } .related-entry-img-link { margin-bottom: 20px; display: block; } /* Meta ----------------------------------------------------------- */ .meta { display: block; float: none; color: #999; margin: 10px 0 0; } .meta a { color: #999 } .meta a:hover { color: #000 } .meta li { float: left; margin-right: 10px; margin-bottom: 5px; } .meta li i { margin-right: 5px } /* Pagination ----------------------------------------------------------- */ ul.page-numbers { list-style: none; margin: 0; } .page-numbers:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } ul.page-numbers li { display: block; float: left; margin: 0 3px 3px 0; text-align: center; } .page-numbers a, .page-numbers span { display: block; padding: 6px 8px; text-decoration: none; font-size: 11px; cursor: pointer; color: #666; background: #eee; border-radius: 3px; line-height: 1em; } .page-numbers a:hover, .page-numbers.current, .page-numbers.current:hover { color: #fff; background: #e32d40; border-color: transparent; text-shadow: none; text-decoration: none; } /* Page Links ----------------------------------------------------------- */ .page-links { margin-top: 20px } .page-links span { float: left; display: block; padding: 4px 10px; margin: 0 3px 3px 0; text-decoration: none; font-size: 11px; color: #fff; background: #444; border: 1px solid #444; border-radius: 3px; } .page-links a { float: left; display: block; padding: 4px 10px; margin: 0 3px 3px 0; text-decoration: none; display: block; color: #666; background: #eee; text-shadow: 0; border-radius: 3px; } .page-links a:hover { background: #444; border-color: #444; } .page-links a span { background: none; padding: 0; margin: 0; border: none; color: #666; } .page-links a:hover span { color: #fff } /* Single Nav ----------------------------------------------------------- */ 続く
number093

2015/10/21 13:27

続き .single-nav { position: absolute; top: 50%; right: 0; margin-top: -11px; } .single-nav-left, .single-nav-right { float: left; margin-left: 3px; } .single-nav a { font-size: 10px; font-weight: bold; width: 22px; height: 22px; line-height: 22px; display: block; text-align: center; color: #666; text-shadow: none; background: #eee; border-radius: 3px; } .single-nav a:hover { color: #fff; background: #e32d40; text-decoration: none; border-color: transparent; } /* Sidebar ----------------------------------------------------------- */ .sidebar-box { margin-bottom: 30px; line-height: 1.8em; } .sidebar-container h4 { margin: 0 0 10px; text-transform: uppercase; color: #fff; letter-spacing: 1px; font-family: 'Droid Sans', Helvetica Neue, Helvetica, Arial, Sans-serif; font-size: 13px; } .sidebar-container a, .navbar a { display: inline; color: #687E91; cursor: pointer; } .sidebar-container a:hover, .navbar a:hover { color: #fff } /* Widgets ----------------------------------------------------------- */ /*text*/ .widget_text a { text-decoration: underline } .widget_twitter li { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #EEEEEE; } .widget_twitter li:first-child { padding-top: 0 } .widget_twitter a { text-decoration: underline } .widget_twitter h4 a { color: #000 !important; text-decoration: none !important; } /*tagcloud*/ .tagcloud a { } .tagcloud a:hover { } /*calendar*/ #wp-calendar { width: 100% } /*recent posts with thumb*/ .att-widget-recent-posts { line-height: 1.5em } .sidebar-container .att-widget-recent-posts a { color: #444 } .sidebar-container .att-widget-recent-posts a:hover { color: #000 } .att-widget-recent-posts li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #ddd; } .att-widget-recent-posts li:last-child { margin: 0 } .att-widget-recent-posts li .date { font-size: 11px; color: #999; } .att-widget-recent-posts img { float: left; margin-right: 15px; border: 5px solid #eee; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -o-transition: all 0.1s ease; -moz-transition: all 0.1s ease; } .att-widget-recent-posts img:hover { border-color: #e32d40 } .att-recent-posts-content a { font-weight: bold } .att-recent-posts-content a:hover { color: #e32d40 !important; text-decoration: underline; } .att-widget-recent-posts-date { margin-top: 4px; font-size: 12px; } .att-widget-recent-posts-date i { margin-right: 5px } /*pages*/ .widget_nav_menu li { display: block; margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px dotted #ddd; } .widget_nav_menu li:first-child { padding-top: 7px; border-top: 1px dotted #ddd; } .widget_nav_menu li ul li { padding-bottom: 0; border-bottom: none; padding-left: 20px; } .widget_nav_menu li ul li:first-child { margin-top: 7px } .widget_nav_menu li[class^="icon-"], .widget_nav_menu li[class*=" icon-"] { font-family: inherit } .widget_nav_menu li[class^="icon-"]:before, .widget_nav_menu li[class*=" icon-"]:before { display: none } /* Footer ----------------------------------------------------------- */ #copyright { width: 200px; position: fixed; left: 40px; bottom: 40px; } /* Search ----------------------------------------------------------- */ .search-entry { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eee; } .search-entry h2 { margin: -8px 0 5px; font-size: 16px; } .search-entry h2 span { margin-left: 5px; color: #999; font-size: 11px; font-weight: 600; } .search-entry-img-link { display: block; float: left; border: 5px solid #f5f5f5; } .search-entry-img-link img { display: block } .search-entry-text { float: right; width: 500px; } .search-entry-text p:last-child { margin: 0 } /* Form 7 ----------------------------------------------------------- */ div.wpcf7 .wpcf7-not-valid { border-color: #F00; border-width: 2px; } div.wpcf7 p { color: #666; font-size: 13px; font-weight: bold; } span.wpcf7-not-valid-tip { display: none !important } div.wpcf7-validation-errors { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #fffdf3; border: 1px solid #e6bf4a; border-radius: 3px; color: #c4690e; margin: 0; padding: 10px; text-align: center; } div.wpcf7-mail-sent-ng { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #ffe9e9; border: 1px solid #e7a9a9; border-radius: 3px; color: #d04544; margin: 0; padding: 10px; } span.wpcf7-form-control-wrap input[type="search"], span.wpcf7-form-control-wrap input[type="text"], span.wpcf7-form-control-wrap input[type="password"], span.wpcf7-form-control-wrap input[type="email"], span.wpcf7-form-control-wrap input[type="tel"], span.wpcf7-form-control-wrap input[type="url"], span.wpcf7-form-control-wrap textarea { margin-top: 5px } /* Comments ----------------------------------------------------------- */ #comments { margin-top: 40px } .comment-notes { color: #666 } .commentlist .children { margin-left: 20px } .commentlist li article { position: relative } .comment-author { left: 0; position: absolute; top: 0; } .comment-author .avatar { border-radius: 3px; display: block; } .comment-details { border-bottom: 1px solid #eee; margin-bottom: 30px; margin-left: 90px; padding-bottom: 30px; } .comment-meta { margin-bottom: 15px } .comment-meta .fn { font-size: 18px; font-weight: bold; font-family: 'Droid Serif', Georgia, Serif; } .comment-date { } .comment-date a { color: #909090; margin-right: 10px; } .comment-date a:hover { color: #E32D40 } .comment-reply-link { background: #f5f5f5; border-color: transparent; border-radius: 3px; color: #909090; cursor: pointer; display: inline-block; font-family: 'Droid Sans',Helvetica Neue,Helvetica,Arial; font-size: 11px; font-weight: 500; font-weight: 600; letter-spacing: 1px; line-height: 1.65em; padding: 2px 8px; text-transform: uppercase; } .comment-reply-link:hover { background: #e32d40; color: #fff; } #cancel-comment-reply-link { background: #f5f5f5; border-color: transparent; border-radius: 3px color: #909090; cursor: pointer; display: inline-block; float: right; font-family: 'Droid Sans',Helvetica Neue,Helvetica,Arial; font-size: 11px; font-weight: 500; font-weight: 600; letter-spacing: 1px; line-height: 1.65em; padding: 2px 8px; text-transform: uppercase; color: #909090; } #cancel-comment-reply-link:hover { background: #e32d40; color: #fff; } #respond { margin: 0 } #respond h3 { font-size: 18px; height: 35px; line-height: 35px; margin: 0; } .commentlist #respond { margin-bottom: 80px; margin-top: 60px; } .comment-edit-link { color: #909090; cursor: pointer; display: inline-block; font-family: 'Droid Sans',Helvetica Neue,Helvetica,Arial; font-size: 11px; font-weight: 600; letter-spacing: 1px; line-height: 1.65em; margin-left: 5px; text-transform: uppercase; } .comment-edit-link:hover { color: #aaa } #commentform label { display: inline-block; font-weight: bold; margin-bottom: 5px; } #commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url { max-width: 70%; width: 240px; } .comment-navigation { font-size: 12px } .nav-next { text-align: right } .form-allowed-tags { display: none } span.required { color: #F00 } /* 404 Page ----------------------------------------------------------- */ #error-page-title { font-size: 32px; text-align: center; font-weight: bold; background: none; line-height: 1em; border: none; margin: 0 0 10px; color: #777; } #error-page-title span { margin-right: 7px } #error-page-text { text-align: center; font-size: 11px; } /* Media Queries ----------------------------------------------------------- */ @media only screen and (max-width: 959px) { .related-posts .related-entry { margin-bottom: 40px } } @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (max-width: 767px) { .container-left { padding: 80px; width: 90%; } }
KenjiObata

2015/10/21 23:33

アイキャッチに使用されているCSSはどれですか? CSS一覧だけでは、どれがアイキャッチで使用されているCSSかわかりません。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問