แก้สีตัวอักษรใน Style.css ไม่ได้

เริ่มโดย 7somethings, 14 กุมภาพันธ์ 2013, 11:24:01

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

7somethings

สวัสดีครับ,

ผมพยายามเปลี่ยนสีตัวหนังสือของ post ให้เป็นสีขาว เพราะสีเดิมมันกลืนกับสีของ background ดังเว็บนี้ คลิก
โดยพยายามแก้ CSS ใน style.css ของ Wordpress ครับ



online7

แก้ไขไฟล์ style.css

ให้แก้ตามนี้ครับ

body {
font-family: Arial;
color: #fff;
}
รับทำเว็บด้วย Wordpress
- รับติดตั้งและลงเว็บ Wordperss เริ่มต้น 200 บาท
- รับปรับแต่งและแก้ไขธีม Wordpress,SMF เริ่มต้น 400 บาท
- รับโมธีม Wordpress เริ่มต้น 700 บาท จำกัด 1 โดเมน : ไม่จำกัดโดเมน 1500 บาท

7somethings

อ้างถึงจาก: boonlod ใน 14 กุมภาพันธ์ 2013, 11:27:26
เพิ่มนี่เข้าไปครับ

.content p{
color:#FFF;
}

ขอบคุณครับ แต่มันได้แค่หน้าบางหน้า แต่หน้าอื่นๆ ยังไม่ได้ เช่น หน้าแรก คลิก  ตัวหนังสือเหนือคำว่า MORE
หรือในหน้านี้ คลิก

siclop

ลองดูนะ แก้ตรง more นะ
.box-text{
color:#FFF;(สีก็แล้วแต่จะเลือกครับ)
}
ถ้ามันมีประกาศ .box-textอยู่แล้วก็แก้ของเก่าเอานะ

boonlod

#5
อ้างถึงจาก: 7somethings ใน 14 กุมภาพันธ์ 2013, 11:40:40
อ้างถึงจาก: boonlod ใน 14 กุมภาพันธ์ 2013, 11:27:26
เพิ่มนี่เข้าไปครับ

.content p{
color:#FFF;
}

ขอบคุณครับ แต่มันได้แค่หน้าบางหน้า แต่หน้าอื่นๆ ยังไม่ได้ เช่น หน้าแรก คลิก  ตัวหนังสือเหนือคำว่า MORE
หรือในหน้านี้ คลิก
จากหน้านี้นะครับ => http://www.renewableenergythai.com/site2/
ผมลอง view-source

<div class="box-text">
<h2>All the aspects of wine making process</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce cipit.</div>

ตัวอักษรมันอยู่ใน class="box-text " วิธีทำก็คือหา
.box-text{
//เพิ่ม color:#FFF; เข้าไปนะครับ
}

ต้องแก้ด้วยวิธีนี้นะครับ มิฉะนั้น layout เว็บของคุณพังแน่ๆ
ต้องไล่แก้ที่ละ step ครับ

และก็เพิ่ม
p{
color:#FFF;
}
อันนี้หมายถึงแท๊ก <p></p> ที่ไม่ได้อยู่ภายใต้ class ใดๆ จะแสดงผลเป็นสีัขาวทั้หมดครับ


ส่วนหน้านี้ www.renewableenergythai.com/site2/privacy-policy/
.grid_24 p{
color:#FFF;
}

เพิ่มอีกครับ
หา class excerpt  แล้วเพิ่ม color:#FFF; เข้าไปครับ

.excerpt{
color:#FFF;
}

ตามนี้นะครับ
มีอะไรเพิ่มเติมปรึกษาได้นะครับ

7somethings

อ้างถึงจาก: boonlod ใน 14 กุมภาพันธ์ 2013, 11:49:56
อ้างถึงจาก: 7somethings ใน 14 กุมภาพันธ์ 2013, 11:40:40
อ้างถึงจาก: boonlod ใน 14 กุมภาพันธ์ 2013, 11:27:26
เพิ่มนี่เข้าไปครับ

.content p{
color:#FFF;
}

ขอบคุณครับ แต่มันได้แค่หน้าบางหน้า แต่หน้าอื่นๆ ยังไม่ได้ เช่น หน้าแรก คลิก  ตัวหนังสือเหนือคำว่า MORE
หรือในหน้านี้ คลิก
จากหน้านี้นะครับ => http://www.renewableenergythai.com/site2/
ผมลอง view-source

<div class="box-text">
<h2>All the aspects of wine making process</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce cipit.</div>

ตัวอักษรมันอยู่ใน class="box-text " วิธีทำก็คือหา
.box-text{
//เพิ่ม color:#FFF; เข้าไปนะครับ
}

ต้องแก้ด้วยวิธีนี้นะครับ มิฉะนั้น layout เว็บของคุณพังแน่ๆ
ต้องไล่แก้ที่ละ step ครับ

และก็เพิ่ม
p{
color:#FFF;
}
อันนี้หมายถึงแท๊ก <p></p> ที่ไม่ได้อยู่ภายใต้ class ใดๆ จะแสดงผลเป็นสีัขาวทั้หมดครับ


ส่วนหน้านี้ www.renewableenergythai.com/site2/privacy-policy/
.grid_24 p{
color:#FFF;
}

เพิ่มอีกครับ
หา class excerpt  แล้วเพิ่ม color:#FFF; เข้าไปครับ

.excerpt{
color:#FFF;
}

ตามนี้นะครับ
มีอะไรเพิ่มเติมปรึกษาได้นะครับ

ขอบคุณมากๆ ครับ แก้สีได้เกือบหมดแล้ว ยังเหลือ
1. วัน/เดือน/ปี ของโพสต์
2. หน้านี้ ตรงข้างล่างๆ ที่เป็นข้อมูลที่อยู่ คลิก

online7

แก้ไขไฟล์ style.css

ให้แก้ตามนี้ครับ

body {
font-family: Arial;
color: #fff;
}


แค่เปลี่ยนตามนี้จุดเดียวก่อนจบแล้วครับ ไม่ต้องไปไล่แก้ตามจุดต่างๆเลย
รับทำเว็บด้วย Wordpress
- รับติดตั้งและลงเว็บ Wordperss เริ่มต้น 200 บาท
- รับปรับแต่งและแก้ไขธีม Wordpress,SMF เริ่มต้น 400 บาท
- รับโมธีม Wordpress เริ่มต้น 700 บาท จำกัด 1 โดเมน : ไม่จำกัดโดเมน 1500 บาท

boonlod

#8
อ้างถึงจาก: 7somethings ใน 14 กุมภาพันธ์ 2013, 14:47:55
อ้างถึงจาก: boonlod ใน 14 กุมภาพันธ์ 2013, 11:49:56
อ้างถึงจาก: 7somethings ใน 14 กุมภาพันธ์ 2013, 11:40:40
อ้างถึงจาก: boonlod ใน 14 กุมภาพันธ์ 2013, 11:27:26
เพิ่มนี่เข้าไปครับ

.content p{
color:#FFF;
}

ขอบคุณครับ แต่มันได้แค่หน้าบางหน้า แต่หน้าอื่นๆ ยังไม่ได้ เช่น หน้าแรก คลิก  ตัวหนังสือเหนือคำว่า MORE
หรือในหน้านี้ คลิก
จากหน้านี้นะครับ => http://www.renewableenergythai.com/site2/
ผมลอง view-source

<div class="box-text">
<h2>All the aspects of wine making process</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce cipit.</div>

ตัวอักษรมันอยู่ใน class="box-text " วิธีทำก็คือหา
.box-text{
//เพิ่ม color:#FFF; เข้าไปนะครับ
}

ต้องแก้ด้วยวิธีนี้นะครับ มิฉะนั้น layout เว็บของคุณพังแน่ๆ
ต้องไล่แก้ที่ละ step ครับ

และก็เพิ่ม
p{
color:#FFF;
}
อันนี้หมายถึงแท๊ก <p></p> ที่ไม่ได้อยู่ภายใต้ class ใดๆ จะแสดงผลเป็นสีัขาวทั้หมดครับ


ส่วนหน้านี้ www.renewableenergythai.com/site2/privacy-policy/
.grid_24 p{
color:#FFF;
}

เพิ่มอีกครับ
หา class excerpt  แล้วเพิ่ม color:#FFF; เข้าไปครับ

.excerpt{
color:#FFF;
}

ตามนี้นะครับ
มีอะไรเพิ่มเติมปรึกษาได้นะครับ

ขอบคุณมากๆ ครับ แก้สีได้เกือบหมดแล้ว ยังเหลือ
1. วัน/เดือน/ปี ของโพสต์
2. หน้านี้ ตรงข้างล่างๆ ที่เป็นข้อมูลที่อยู่ คลิก

จากโค้ด
//*****///
<dl class="address">
<dt>The Company Name Inc.<br />
9870 St Vincent Place,<br />
Glasgow, DC 45 Fr 45.</dt>
<dd>
<ul>
<li><span>Telephone:</span>+1 800 603 6035</li>
<li><span>FAX:</span>+1 800 889 9898</li>
<li>E-mail: <a href="#">[email protected]</a></li>
</ul>
</dd>
</dl>

//*****///
มี 3 วิธีครับผมไม่แน่ใจว่าวิธีไหน
.address{
color:#FFF;
}
หรือ
.dl,.dt,.dd{
color:#FFF;
}
หรือ
.dd ul li{
color:#FFF;
}

*ลองดูนะครับ ถ้าไม่ได้ก็แจ้งมาอีกทีนะครับ

boonlod

อ้างถึงจาก: online7 ใน 14 กุมภาพันธ์ 2013, 14:50:41
แก้ไขไฟล์ style.css

ให้แก้ตามนี้ครับ

body {
font-family: Arial;
color: #fff;
}


แค่เปลี่ยนตามนี้จุดเดียวก่อนจบแล้วครับ ไม่ต้องไปไล่แก้ตามจุดต่างๆเลย
จขกท. เค้าน่าจะลองแล้วละครับ น่าจะไม่ได้
ตอนผมเขียนเว็บใหม่ๆผมเคยเป็นเหมือนกัน
น่าจะเกินการซ้ำซ้อนกันของโค้ด css

loner

ลองอันนี้ดูครับ เผื่อได้ ไม่ค่อย ถนัด css เท่าไร  :P

body {
font-family: Arial;
color:#fff !important;
}

a {
  color: #fff !important;
}

Peetakhon

[direct=http://www.peetakhon.com][/direct]
[direct=http://www.peetakhon.com]ผีตาโขน, การละเล่นผีตาโขน[/direct]