teratail
回答率
85.31%
teratail header banner
teratail header banner
質問するログイン新規登録
トップCSS3に関する質問プラグインで出来たクラス名を、style.cssに打ち込んで、編集し、上書きしても、変更できません。

編集履歴

質問編集履歴

18

変更

2022/05/04 11:41

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
@@ -22,4 +22,4 @@
22
22
  ただいつかこの課題とはぶつかりますので、答えを知りたいです。
23
23
  なにか心当たりのある方や、自分ならばこうするなどの、他のやり方を知っている方、
24
24
  直接的な答えでなかったとしても、ヒントになりそうな情報をお持ちの方、
25
- ご回答いただけると幸いです。
25
+ ご回答いただけると幸いです。(何故か編集できないCSSコードについてです。)
CSS3WordPressPHPプラグインHTML

17

修正

2022/05/04 11:39

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
@@ -16,11 +16,10 @@
16
16
  検証ツール上で編集はできましたので,
17
17
  コードが間違っていることもありません。
18
18
 
19
+ 追記
20
+ wp_social_bookmarking_light　というプラグインだとできる、
21
+ のでそれを使うことにします。
22
+ ただいつかこの課題とはぶつかりますので、答えを知りたいです。
19
23
  なにか心当たりのある方や、自分ならばこうするなどの、他のやり方を知っている方、
20
24
  直接的な答えでなかったとしても、ヒントになりそうな情報をお持ちの方、
21
25
  ご回答いただけると幸いです。
22
-
23
-
24
- 追記
25
- wp_social_bookmarking_light　というプラグインがいいようなので、
26
- それを使うことにします。
CSS3WordPressPHPプラグインHTML

16

修正

2022/05/04 11:17

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
@@ -21,3 +21,6 @@
21
21
  ご回答いただけると幸いです。
22
22
 
23
23
 
24
+ 追記
25
+ wp_social_bookmarking_light　というプラグインがいいようなので、
26
+ それを使うことにします。
CSS3WordPressPHPプラグインHTML

15

修正

2022/05/04 03:41

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
@@ -1,47 +1,17 @@
1
1
  # WordPressでのサイト制作中の初心者です。
2
- Simple Light Weight Social Share (Tweet, Like, Share and Linkedin)という、SNSのボタンなどを
2
+ AddToAnyという、SNSのボタンなどを
3
3
  設置できるプラグインを使用していますが、デザインを変更したいです。
4
4
 
5
5
  プラグインによって出来た、class名を一部上書きし、編集することは出来たのですが、
6
6
  **どうしても出来ないクラス名があります。**
7
7
  ```
8
- .s4fblike:nth-child(2){
8
+ .uiGrid .hCent {
9
- position: relative;
9
+ text-align: center;
10
- height: 30px !important;
11
- width: 61px;
12
- float: left;
13
- margin-left: 26px;
14
- margin-right: 20px;
15
10
  }
11
+ ```
16
12
 
17
- div.socialicons:nth-child(2) {
18
- float: left;
19
- display: block;
20
- margin-right: 10px;
21
- line-height: 1;
22
- padding-bottom: 10px;
23
- position: relative;
24
- height: 30px !important;
25
- width: 61px;
26
- float: left;
27
- margin-right: 20px;
28
- }
29
-
30
-
31
- .inlineBlock ._10d{
32
- zoom: 1;
33
- display: flex !important;
34
- flex-flow: row-reverse !important; (優先順位をあげようと、!important;を使用しました)
35
- }
36
-
37
- ```
38
- これらのコードは私が変更したものです上のコードは変更できましたが、
39
- **一番下のコードが反映されません、**
40
- 検証ツールで見ても、このコードは表示すらされません
13
+ 検証ツールで見ても、修正したコードは表示すらされません
41
- 検証ルールには、エラーは出ていません。
14
+ また検証ルールには、エラーは出ていません。
42
-
43
- 下記の選択している部分を変えようと思ってます。
44
- ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-05-02/b8bb3a57-3c81-4064-b861-f687c12df170.png)
45
15
 
46
16
  検証ツール上で編集はできましたので,
47
17
  コードが間違っていることもありません。
@@ -50,29 +20,4 @@
50
20
  直接的な答えでなかったとしても、ヒントになりそうな情報をお持ちの方、
51
21
  ご回答いただけると幸いです。
52
22
 
53
- 追記
54
- 考えられるのは、重要度が!important;だけでは足りないかもしれないということですが、
55
- プラグインなので、https://qiita.com/izumin5210/items/8ae78cb4f4bd325bccb4
56
- などのhtmlを変更する必要のあるやり方が出来ません。
57
23
 
58
- プラグインの設定に
59
- カスタムCSSを挿入
60
- ｛
61
- ｝
62
- テーマにはwp_head（）関数の呼び出しが必要です
63
- とありました、このやり方を調べてみます。
64
-
65
- 外観　カスタマイズからCSSの変更をやってみていますが、
66
- 反映されません。
67
-
68
-
69
- 先程少し近い内容（プラグインで出来た、HTMLの文字やイラストの編集方法について）
70
- 質問をしました一応載せておきます。
71
- https://teratail.com/questions/6x0gd32qtw8won
72
-
73
-
74
- 思うように回答が集まりませんので、申し訳ありませんが
75
- マルチポストにします。
76
- https://qiita.com/keikkkk/questions/59411381acc7d16144f8
77
-
78
- https://ja.stackoverflow.com/questions/88631/%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%aehtml%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95%e3%81%a3%e3%81%a6%e3%81%82%e3%82%8a%e3%81%be%e3%81%99%e3%81%8b
CSS3WordPressPHPプラグインHTML

14

追記

2022/05/03 05:41

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
@@ -55,6 +55,13 @@
55
55
  プラグインなので、https://qiita.com/izumin5210/items/8ae78cb4f4bd325bccb4
56
56
  などのhtmlを変更する必要のあるやり方が出来ません。
57
57
 
58
+ プラグインの設定に
59
+ カスタムCSSを挿入
60
+ ｛
61
+ ｝
62
+ テーマにはwp_head（）関数の呼び出しが必要です
63
+ とありました、このやり方を調べてみます。
64
+
58
65
  外観　カスタマイズからCSSの変更をやってみていますが、
59
66
  反映されません。
60
67
 
CSS3WordPressPHPプラグインHTML

13

追加

2022/05/03 02:43

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
@@ -55,6 +55,10 @@
55
55
  プラグインなので、https://qiita.com/izumin5210/items/8ae78cb4f4bd325bccb4
56
56
  などのhtmlを変更する必要のあるやり方が出来ません。
57
57
 
58
+ 外観　カスタマイズからCSSの変更をやってみていますが、
59
+ 反映されません。
60
+
61
+
58
62
  先程少し近い内容（プラグインで出来た、HTMLの文字やイラストの編集方法について）
59
63
  質問をしました一応載せておきます。
60
64
  https://teratail.com/questions/6x0gd32qtw8won
CSS3WordPressPHPプラグインHTML

12

追加

2022/05/03 02:41

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
@@ -63,3 +63,5 @@
63
63
  思うように回答が集まりませんので、申し訳ありませんが
64
64
  マルチポストにします。
65
65
  https://qiita.com/keikkkk/questions/59411381acc7d16144f8
66
+
67
+ https://ja.stackoverflow.com/questions/88631/%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%81%aehtml%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95%e3%81%a3%e3%81%a6%e3%81%82%e3%82%8a%e3%81%be%e3%81%99%e3%81%8b
CSS3WordPressPHPプラグインHTML

11

追加

2022/05/03 02:32

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
@@ -60,6 +60,6 @@
60
60
  https://teratail.com/questions/6x0gd32qtw8won
61
61
 
62
62
 
63
- 思うように回答が集まりませんので、
63
+ 思うように回答が集まりませんので、申し訳ありませんが
64
64
  マルチポストにします。
65
65
  https://qiita.com/keikkkk/questions/59411381acc7d16144f8
CSS3WordPressPHPプラグインHTML

10

ついカ

2022/05/03 02:31

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
@@ -58,3 +58,8 @@
58
58
  先程少し近い内容（プラグインで出来た、HTMLの文字やイラストの編集方法について）
59
59
  質問をしました一応載せておきます。
60
60
  https://teratail.com/questions/6x0gd32qtw8won
61
+
62
+
63
+ 思うように回答が集まりませんので、
64
+ マルチポストにします。
65
+ https://qiita.com/keikkkk/questions/59411381acc7d16144f8
CSS3WordPressPHPプラグインHTML

9

内容の追加

2022/05/02 13:56

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
@@ -54,3 +54,7 @@
54
54
  考えられるのは、重要度が!important;だけでは足りないかもしれないということですが、
55
55
  プラグインなので、https://qiita.com/izumin5210/items/8ae78cb4f4bd325bccb4
56
56
  などのhtmlを変更する必要のあるやり方が出来ません。
57
+
58
+ 先程少し近い内容（プラグインで出来た、HTMLの文字やイラストの編集方法について）
59
+ 質問をしました一応載せておきます。
60
+ https://teratail.com/questions/6x0gd32qtw8won
CSS3WordPressPHPプラグインHTML

8

追加

2022/05/02 13:52

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
File without changes
CSS3WordPressPHPプラグインHTML
CSS3HTML

7

修正

2022/05/02 13:43

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
File without changes
WordPressPHPプラグイン
jQueryプラグインjQuery
プラグイン

6

追加

2022/05/02 13:29

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
@@ -1,9 +1,9 @@
1
- WordPressでのサイト制作中の初心者です。
1
+ # WordPressでのサイト制作中の初心者です。
2
2
  Simple Light Weight Social Share (Tweet, Like, Share and Linkedin)という、SNSのボタンなどを
3
3
  設置できるプラグインを使用していますが、デザインを変更したいです。
4
4
 
5
5
  プラグインによって出来た、class名を一部上書きし、編集することは出来たのですが、
6
- どうしても出来ないクラス名があります。
6
+ **どうしても出来ないクラス名があります。**
7
7
  ```
8
8
  .s4fblike:nth-child(2){
9
9
  position: relative;
@@ -27,6 +27,7 @@
27
27
  margin-right: 20px;
28
28
  }
29
29
 
30
+
30
31
  .inlineBlock ._10d{
31
32
  zoom: 1;
32
33
  display: flex !important;
@@ -35,7 +36,7 @@
35
36
 
36
37
  ```
37
38
  これらのコードは私が変更したものです上のコードは変更できましたが、
38
- 一番下のコードが反映されません、
39
+ **一番下のコードが反映されません、**
39
40
  検証ツールで見ても、このコードは表示すらされません
40
41
  検証ルールには、エラーは出ていません。
41
42
 
jQueryプラグインWordPressPHPjQuery

5

内容を追加

2022/05/02 13:26

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
@@ -49,3 +49,7 @@
49
49
  直接的な答えでなかったとしても、ヒントになりそうな情報をお持ちの方、
50
50
  ご回答いただけると幸いです。
51
51
 
52
+ 追記
53
+ 考えられるのは、重要度が!important;だけでは足りないかもしれないということですが、
54
+ プラグインなので、https://qiita.com/izumin5210/items/8ae78cb4f4bd325bccb4
55
+ などのhtmlを変更する必要のあるやり方が出来ません。
jQueryプラグインWordPressPHPjQuery

4

追加

2022/05/02 13:22

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
@@ -45,3 +45,7 @@
45
45
  検証ツール上で編集はできましたので,
46
46
  コードが間違っていることもありません。
47
47
 
48
+ なにか心当たりのある方や、自分ならばこうするなどの、他のやり方を知っている方、
49
+ 直接的な答えでなかったとしても、ヒントになりそうな情報をお持ちの方、
50
+ ご回答いただけると幸いです。
51
+
jQueryプラグインWordPressPHPjQuery

3

追加

2022/05/02 13:19

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
@@ -30,7 +30,7 @@
30
30
  .inlineBlock ._10d{
31
31
  zoom: 1;
32
32
  display: flex !important;
33
- flex-flow: row-reverse !important;
33
+ flex-flow: row-reverse !important; (優先順位をあげようと、!important;を使用しました)
34
34
  }
35
35
 
36
36
  ```
@@ -44,3 +44,4 @@
44
44
 
45
45
  検証ツール上で編集はできましたので,
46
46
  コードが間違っていることもありません。
47
+
jQueryプラグインWordPressPHPjQuery

2

追加

2022/05/02 13:16

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
@@ -39,6 +39,8 @@
39
39
  検証ツールで見ても、このコードは表示すらされません
40
40
  検証ルールには、エラーは出ていません。
41
41
 
42
+ 下記の選択している部分を変えようと思ってます。
42
43
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-05-02/b8bb3a57-3c81-4064-b861-f687c12df170.png)
43
44
 
44
-
45
+ 検証ツール上で編集はできましたので,
46
+ コードが間違っていることもありません。
jQueryプラグインWordPressPHPjQuery

1

ついか

2022/05/02 13:14

投稿

2232
2232

スコア301

test CHANGED
File without changes
test CHANGED
@@ -1,5 +1,8 @@
1
+ WordPressでのサイト制作中の初心者です。
1
- Simple Light Weight Social Share (Tweet, Like, Share and Linkedin)という、SNSのボタンなどを設置できるプラグインを使用していますが、
2
+ Simple Light Weight Social Share (Tweet, Like, Share and Linkedin)という、SNSのボタンなどを
3
+ 設置できるプラグインを使用していますが、デザインを変更したいです。
4
+
2
- これによって出来た、class名を一部上書きし、編集することは出来たのですが、
5
+ プラグインによって出来た、class名を一部上書きし、編集することは出来たのですが、
3
6
  どうしても出来ないクラス名があります。
4
7
  ```
5
8
  .s4fblike:nth-child(2){
@@ -31,6 +34,7 @@
31
34
  }
32
35
 
33
36
  ```
37
+ これらのコードは私が変更したものです上のコードは変更できましたが、
34
38
  一番下のコードが反映されません、
35
39
  検証ツールで見ても、このコードは表示すらされません
36
40
  検証ルールには、エラーは出ていません。
jQueryプラグインWordPressPHPjQuery