콘텐츠로 건너뛰기
Odoo 메뉴
  • 로그인
  • 무료 체험하기
  • 앱
    재무 관리
    • 회계
    • 청구서 관리
    • 비용 관리
    • 스프레드시트 (BI)
    • 문서
    • 전자 서명
    판매
    • CRM
    • 판매
    • POS 스토어
    • POS 레스토랑
    • 구독
    • 렌탈
    웹사이트
    • 웹사이트 빌더
    • 이커머스
    • 블로그
    • 포럼
    • 실시간 채팅
    • 온라인 학습 관리
    공급망
    • 재고 관리
    • 제조 관리
    • 제품 수명주기 관리 (PLM)
    • 매입
    • 유지관리
    • 품질
    인적자원 관리
    • 직원
    • 채용
    • 휴가 관리
    • 인사 평가
    • 인재 추천
    • 차량 관리
    마케팅
    • 소셜 마케팅
    • 이메일 마케팅
    • SMS 마케팅
    • 행사
    • 마케팅 자동화
    • 설문 조사
    서비스
    • 프로젝트
    • 작업 기록
    • 현장 서비스
    • 헬프데스크
    • 일정 관리
    • 일정 예약
    생산성
    • 메일 및 채팅
    • 전자 결재
    • IoT
    • VoIP
    • 지식 센터
    • WhatsApp
    타사 앱 Odoo 스튜디오 Odoo 클라우드 플랫폼
  • 인더스트리
    리테일
    • 서점
    • 의류 매장
    • 가구점
    • 식료품점
    • 철물점
    • 장난감 가게
    식음료 & 숙박업
    • 바 & 펍
    • 레스토랑
    • 패스트푸드
    • 게스트 하우스
    • 음료 유통업체
    • 호텔
    부동산
    • 부동산 중개업체
    • 건축 회사
    • 건설
    • 부동산 관리
    • 가드닝
    • 부동산 소유자 협회
    컨설팅
    • 회계 법인
    • Odoo 파트너
    • 마케팅 대행사
    • 법률 사무소
    • 인재 영입
    • 감사 및 인증
    제조 관리
    • 텍스타일
    • 메탈
    • 가구
    • 푸드
    • 양조장
    • 기업용 선물
    건강 & 피트니스
    • 스포츠 클럽
    • 안경점
    • 피트니스 센터
    • 웰니스 전문가
    • 약국
    • 미용실
    사업
    • 핸디맨
    • IT 하드웨어 및 지원 서비스
    • 태양 에너지 시스템
    • 제화업체
    • 클리닝 서비스
    • HVAC 서비스
    기타
    • 비영리 단체
    • 환경 에이전시
    • 광고판 임대
    • 사진
    • 자전거 임대
    • 소프트웨어 리셀러
    전체 인더스트리 찾아보기
  • 커뮤니티
    학습
    • 튜토리얼
    • 문서
    • 인증
    • 훈련
    • 블로그
    • 팟캐스트
    교육 역량 강화
    • 교육 프로그램
    • Scale-Up! 경영관리 게임
    • Odoo에 방문해보세요
    소프트웨어 신청
    • 다운로드
    • 버전 살펴보기
    • 릴리즈 내역
    협업
    • Github
    • 포럼
    • 행사
    • 번역
    • 파트너 등록
    • 파트너 대상 서비스
    • 회계 법인 정보 등록
    서비스 신청
    • 파트너 검색
    • 회계사 검색
    • 전문 상담 예약
    • 구현 서비스
    • 고객 정보
    • 고객 지원
    • 업그레이드
    Github 유튜브 트위터 링크드인 인스타그램 페이스북 스포티파이
    +1 (650) 691-3277
    데모 예약하기
  • 요금제
  • 고객 지원

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

  • CRM
  • e-Commerce
  • 회계
  • 재고 관리
  • PoS
  • 프로젝트
  • MRP
All apps
커뮤니티에 참여하려면 회원 가입을 하시기 바랍니다.
모든 게시물 사용자 배지
태그 (모두 보기)
odoo accounting v14 pos v15
게시판 정보
커뮤니티에 참여하려면 회원 가입을 하시기 바랍니다.
모든 게시물 사용자 배지
태그 (모두 보기)
odoo accounting v14 pos v15
게시판 정보
도움말

odoo 13 product page nav_tabs background colour

구독

이 게시물에 활동이 있으면 알림 받기

신고된 질문입니다
tabscolorsbackgroundnavOdoo13.0
2 답글
6562 화면
아바타
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
아바타
취소
토론이 재미있으신가요? 직접 참여해보세요!

지금 바로 가입하여 독점 서비스를 이용해보고 특별한 커뮤니티와 소통하세요!

가입
관련 게시물 답글 화면 활동
Background color to one2many field
treeview colors background
아바타
아바타
1
2월 22
10468
Change Odoo theme manually 해결 완료
colors background theme odoo 17.0
아바타
아바타
아바타
2
4월 25
3836
Why are some Chatter messages shown with a GREEN background and some with a BLUE background? 해결 완료
colors chatter background green blue
아바타
아바타
아바타
2
3월 25
1703
Line background color in list view 해결 완료
treeview view colors background decorators
아바타
아바타
아바타
아바타
아바타
5
10월 24
7496
Mass Mailing template background image is not showing in email received by user
email background mass_mailing emailtemplate Odoo13.0
아바타
아바타
1
11월 23
4818
커뮤니티
  • 튜토리얼
  • 문서
  • 포럼
오픈 소스
  • 다운로드
  • 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, 이커머스, 회계, 재고, POS, 프로젝트 관리 등 기업의 모든 요구 사항을 충족하도록 설계된 오픈 소스 기반의 통합 비즈니스 앱 제품군입니다.

Odoo의 간편한 UI와 완벽하게 통합된 기능을 직접 확인해 보세요.

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