Skip to Content
Odoo เมนู
  • ลงชื่อเข้าใช้
  • ทดลองใช้ฟรี
  • แอป
    การเงิน
    • ระบบบัญชี
    • ระบบการออกใบแจ้งหนี้
    • ระบบบัญชีรายจ่าย
    • ระบบการจัดการข้อมูลผ่านสเปรดชีต (BI)
    • เอกสาร
    • ระบบลงลายเซ็น
    การขาย
    • ลูกค้าสัมพันธ์
    • การขาย
    • POS ร้านค้า
    • POS ร้านอาหาร
    • ระบบสมัครสมาชิก
    • การเช่า
    การจัดการเว็บไซต์
    • เครื่องมือสร้างเว็บไซต์
    • ระบบการขายออนไลน์
    • บล็อก
    • ฟอรั่ม
    • ไลฟ์แชท
    • ระบบการอบรมออนไลน์
    ซัพพลายเชน
    • คลังสินค้า
    • ระบบการผลิต
    • PLM
    • ระบบการจัดซื้อ
    • การซ่อมบำรุง
    • ระบบจัดการคุณภาพ
    ทรัพยากรบุคคล
    • ข้อมูลพนักงาน
    • ระบบสรรหาบุคลากร
    • ระบบการลา
    • การประเมิน
    • ระบบการแนะนำพนักงาน
    • ระบบจัดการยานพาหนะ
    การตลาด
    • โซเชียลมาร์เก็ตติ้ง
    • การตลาดผ่านอีเมล
    • ระบบการตลาดผ่าน SMS
    • ระบบการจัดงานอีเวนต์
    • การตลาดแบบอัตโนมัติ
    • ระบบแบบสำรวจ
    การบริการ
    • โปรเจกต์
    • ระบบบันทึกเวลา
    • ระบบการจัดการบริการภาคสนาม
    • ระบบดูแลช่วยเหลือ
    • การวางแผน
    • การนัดหมาย
    ประสิทธิผล
    • ระบบแสดงความคิดเห็น
    • ระบบการอนุมัติ
    • ไอโอที
    • VoIP
    • คลังข้อมูล
    • WhatsApp
    แอปพลิเคชันของบุคคลที่สาม Odoo สตูดิโอ แพลตฟอร์มคลาวด์ของ Odoo
  • อุตสาหกรรม
    การค้าปลีก
    • ร้านขายหนังสือ
    • ร้านขายเสื้อผ้า
    • ร้านขายเฟอร์นิเจอร์
    • ร้านขายของชำ
    • ร้านขายฮาร์ดแวร์
    • ร้านขายของเล่น
    Food & Hospitality
    • บาร์และผับ
    • ร้านอาหาร
    • อาหารฟาสต์ฟู้ด
    • Guest House
    • ตัวแทนจำหน่ายเครื่องดื่ม
    • Hotel
    อสังหาริมทรัพย์
    • Real Estate Agency
    • บริษัทสถาปัตยกรรม
    • บริษัทรับเหมา
    • การจัดการอสังหาริมทรัพย์
    • การจัดสวน
    • สมาคมเจ้าของอสังหาริมทรัพย์
    ปรึกษา
    • สำนักงานบัญชี
    • Odoo พาร์ทเนอร์
    • เอเจนซี่การตลาด
    • สำนักงานกฎหมาย
    • บริการสรรหาบุคลากร
    • การตรวจสอบและการรับรอง
    ระบบการผลิต
    • Textile
    • เหล็ก
    • เฟอร์นิเจอร์
    • อาหาร
    • Brewery
    • ของขวัญขององค์กร
    สุขภาพ & ฟิตเนส
    • ชมรมกีฬา
    • ร้านขายแว่นตา
    • ฟิตเนส
    • ผู้ประกอบวิชาชีพด้านสุขภาพ
    • ร้านขายยา
    • ร้านทำผม
    Trades
    • ช่างซ่อม
    • ฮาร์ดแวร์และการสนับสนุนด้านไอที
    • ระบบพลังงานแสงอาทิตย์
    • ช่างทำรองเท้า
    • บริการทำความสะอาด
    • HVAC Services
    อื่น ๆ
    • Nonprofit Organization
    • สำนักงานสิ่งแวดล้อม
    • ร้านเช่าป้ายโฆษณา
    • การถ่ายภาพ
    • ร้านเช่าจักรยาน
    • ตัวแทนจำหน่ายซอฟต์แวร์
    Browse all Industries
  • คอมมูนิตี้
    ศึกษา
    • บทเรียน
    • เอกสารกำกับโปรแกรม
    • การรับรอง
    • การฝึกอบรม
    • บล็อก
    • พอดแคสต์
    เพิ่มศักยภาพให้กับการศึกษา
    • โปรแกรมการศึกษา
    • Scale Up! Business Game
    • เยี่ยมชม Odoo
    รับซอฟต์แวร์
    • ดาวน์โหลด
    • เปรียบเทียบรุ่น
    • เผยแพร่
    ทำงานร่วมกัน
    • Github
    • ฟอรั่ม
    • ระบบการจัดงานอีเวนต์
    • การแปล
    • ร่วมเป็นพาร์ทเนอร์
    • Services for Partners
    • ลงทะเบียนเพื่อสร้างบัญชีบริษัทของคุณ
    รับบริการ
    • ค้นหาพาร์ทเนอร์
    • ค้นหานักบัญชี
    • พบกับที่ปรึกษา
    • บริการติดตั้งระบบเพื่อใช้งาน
    • ข้อมูลอ้างอิงลูกค้า
    • การสนับสนุน
    • อัปเกรด
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    รับการสาธิต
  • ราคา
  • ช่วยเหลือ

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

  • ลูกค้าสัมพันธ์
  • e-Commerce
  • ระบบบัญชี
  • สินค้าคงคลัง
  • PoS
  • โปรเจกต์
  • MRP
All apps
คุณต้องลงทะเบียนเพื่อโต้ตอบกับคอมมูนิตี้
All Posts คน เหรียญรางวัล
แท็ก (View all)
odoo accounting v14 pos v15
เกี่ยวกับฟอรั่มนี้
คุณต้องลงทะเบียนเพื่อโต้ตอบกับคอมมูนิตี้
All Posts คน เหรียญรางวัล
แท็ก (View all)
odoo accounting v14 pos v15
เกี่ยวกับฟอรั่มนี้
ช่วยเหลือ

odoo 13 product page nav_tabs background colour

ติดตาม

รับการแจ้งเตือนเมื่อมีกิจกรรมในโพสต์นี้

คำถามนี้ถูกตั้งค่าสถานะ
tabscolorsbackgroundnavOdoo13.0
2 ตอบกลับ
6551 มุมมอง
อวตาร
Lucas Laskowski

Hi,

I would like to know how in the name of God change background colour for a description tab? I set page background to black and I would love to have tab to be black too. I managed to figure this one out:

1. Open product page -> inspect element and search for this:

<section class="product_tabs_ept s_tabs">
<div class="container tabs_container_main">
<div class="row s_col_no_bgcolor">
<div class="col-lg-12">
->-><div class="bg-white"> <== <-

2. Change "bg-white" to "bg-black"

Now, how to make it permanent? where the hell is that value stored? I spent good 4h trying to find it on my own in odoo addons folder, but I'm unable to find exact file location that needs to be adjusted. Does anyone know how to edit this tab to have black background? It is annoying AF that I can't simply edit this. Clearly world class leading crm:D

I suppose that I will be able to change default word "Description" colour and background (including this white bar where tab buttons should be) to my preferred colours. 


0
อวตาร
ละทิ้ง
Kevin Cruz

Hello i can help with it, but can you provide more details please?, are you talking about website/shop?, if it is right, are you using a third party theme?, because that class "product_tabs_ept" is not familiar to me, if you're talking about backend dashboard, can you provide the path?, i'm willing to help you.

would be nice if you can share a screenshot, upload it to google driven and send the link

Lucas Laskowski
ผู้เขียน

I was not expecting answer that quick...

my website is live, so i.e. open this page: https://hubfortech.com/shop/product/y7-2019-soft-rubber-back-case-red-667#attr= all black except this damn tab panel. I managed to find product card background and it is black (as you can see under link), but that's about it.

I'm using theme clarico - and despite their 5 star reviews their support suck so badly that I just gave up.

Lucas Laskowski
ผู้เขียน

500 karma to delete my own comment? seriously?

อวตาร
Lucas Laskowski
ผู้เขียน คำตอบที่ดีที่สุด

Thank you so much to both of you.

Kevin Cruz - your insight that "class "product_tabs_ept" is not familiar to me" pushed me into right direction to look outside addons - I was an idiot and for hours I didn't cop on that my custom addons folder was outside addons folder. You should have heard me cursing that day! :D Based on that information I was able to find right place to edit and I had tab colour changed and set to red/white. I was not able to change actual tab background colour.

And here comes Jainesh Shah - thank you so much for providing that particular line of code. I could find "product_tabs_ept" in product.xml file, but changing bg-white to bg-black in there fixed nothing. Not sure if I had to reinstall whole theme maybe, but changing the same line in page source was doing the trick. I edited style_3.css in theme clarico and voila! success. 

for anyone looking for the same issue:

file to edit: your_odoo_custom_addons_folder/theme_clarico/static/src/scss/style_3.scss
file is pretty well described, so head to "07. Tab Section" and add new line and paste line given by Jainesh:
.product_tabs_ept .bg-white{background-color:#000 !important;}

next scroll a little bit lower to this section:
cursor:pointer;
a
{
    padding:0.6rem 1.5rem;
    (...)
    background: nth($f_color,18); -> add following line directly after this
    color: #ffffff; <---this will change text colour to white in active tab

just a little bit lower, in 
a.active
{
    (...)
background: nth($f_color, 19) <-- this is selected tab background colour. Just play around with number to find colour you like, i.e. 19 is primary theme colour. You can find list of all colours in the very first lines of this file: your_odoo_custom_addons_folder/theme_clarico/static/lib/theme/variables.scss

Thank you guys for the help and I hope this post may help someone in future with the same issue. Theme clarico support requested additional money for this "outside the theme" customisation and I'm strongly against milking customers like this as this was plainly theme customisation that should be included in EUR199+VAT price. Shame on them.

Unfortunately I'm not able to do more than just reply as i have no karma to do anything: I can not comment (minimum of 5 karma) nor I can mark best answer (minimum 5 karma). Have a good day everyone:)

0
อวตาร
ละทิ้ง
Kevin Cruz

Nice to hear you solved it.

sorry for not replaying after i told you "i want to help you", but my email went down so i din't recieve notifications till today.

อวตาร
Jainesh Shah(Aktiv Software)
คำตอบที่ดีที่สุด

Hello Lucas Laskowski,

You can try finding this "product_tabs_ept" class in the clarico theme folder, as the theme might be inheriting the view, but still if you unable to get the view you can try this with CSS (forcefully giving black color)

If you want to change the background color fro the class under "product_tabs_ept", then in the CSS file you can simply write this

.product_tabs_ept .bg-white{background-color:#000 !important;}

This will change the bg-white color property to black which will come inside this "product_tabs_ept" class, as you specified you are unable to locate the XML, so you can do it with the CSS help.

Thank You!


Regards,




Email:      odoo@aktivsoftware.com  

Skype: kalpeshmaheshwari

   

1
อวตาร
ละทิ้ง
สนุกกับการพูดคุยนี้ใช่ไหม? เข้าร่วมเลย!

สร้างบัญชีวันนี้เพื่อเพลิดเพลินไปกับฟีเจอร์พิเศษและมีส่วนร่วมกับคอมมูนิตี้ที่ยอดเยี่ยมของเรา!

ลงชื่อ
Related Posts ตอบกลับ มุมมอง กิจกรรม
Background color to one2many field
treeview colors background
อวตาร
อวตาร
1
ก.พ. 22
10464
Change Odoo theme manually แก้ไขแล้ว
colors background theme odoo 17.0
อวตาร
อวตาร
อวตาร
2
เม.ย. 25
3815
Why are some Chatter messages shown with a GREEN background and some with a BLUE background? แก้ไขแล้ว
colors chatter background green blue
อวตาร
อวตาร
อวตาร
2
มี.ค. 25
1688
Line background color in list view แก้ไขแล้ว
treeview view colors background decorators
อวตาร
อวตาร
อวตาร
อวตาร
อวตาร
5
ต.ค. 24
7480
Mass Mailing template background image is not showing in email received by user
email background mass_mailing emailtemplate Odoo13.0
อวตาร
อวตาร
1
พ.ย. 23
4812
คอมมูนิตี้
  • บทเรียน
  • เอกสารกำกับโปรแกรม
  • ฟอรั่ม
โอเพนซอร์ส
  • ดาวน์โหลด
  • Github
  • Runbot
  • การแปล
บริการ
  • โฮสติ้ง odoo.sh เซิร์ฟเวอร์
  • การสนับสนุน
  • อัปเกรด
  • การพัฒนาที่กำหนดเอง
  • การศึกษา
  • ค้นหานักบัญชี
  • ค้นหาพาร์ทเนอร์
  • ร่วมเป็นพาร์ทเนอร์
เกี่ยวกับเรา
  • บริษัทของเรา
  • ทรัพย์สินในรูปของเครื่องหมายการค้า
  • ติดต่อเรา
  • งาน
  • ระบบการจัดงานอีเวนต์
  • พอดแคสต์
  • บล็อก
  • ลูกค้า
  • กฎหมาย • ความเป็นส่วนตัว
  • ความปลอดภัย
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk slovenščina Español (América Latina) Español ภาษาไทย Türkçe українська Tiếng Việt

Odoo เป็นชุดแอปธุรกิจแบบเปิดที่ครอบคลุมทุกความต้องการของบริษัทของคุณ อาธิ CRM eCommerce ระบบบัญชี ระบบสินค้าคงคลัง ระบบการขายหน้าร้าน โปรเจกต์ และ อีกมากมาย

ความเหนือกว่าอันเป็นเอกลักษณ์ของ Odoo คือการใช้งานที่ง่ายดายและผสานการทำงานอย่างสมบูรณ์แบบในเวลาเดียวกัน

Website made with

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now