Tìm kiếm hỗ trợ

Tránh các lừa đảo về hỗ trợ. Chúng tôi sẽ không bao giờ yêu cầu bạn gọi hoặc nhắn tin đến số điện thoại hoặc chia sẻ thông tin cá nhân. Vui lòng báo cáo hoạt động đáng ngờ bằng cách sử dụng tùy chọn "Báo cáo lạm dụng".

Tìm hiểu thêm

How to adjust top padding on tab titles?

  • 3 trả lời
  • 0 gặp vấn đề này
  • 285 lượt xem
  • Trả lời mới nhất được viết bởi bwbradwicks

more options

If I set my tab title bar height to 30px in my userChrome.css the tab titles are no longer centered (top to bottom) on the tab bar. The top padding on the tab titles needs to be reduced by at least 3px and I would be grateful for a code snippet that does so.

If I set my tab title bar height to 30px in my userChrome.css the tab titles are no longer centered (top to bottom) on the tab bar. The top padding on the tab titles needs to be reduced by at least 3px and I would be grateful for a code snippet that does so.

Giải pháp được chọn

@cor-el Thanks for helping. I did webdesign part time for 10 yrs and I solved my issue by appending a negative margin statement to the tab bar font size statement as seen below. ... I used to custom code & modify WordPress a lot and used to make some straight HTML pages also.

} /* Tab bar */

  1. TabsToolbar {
 font-size: 15px !important;
 margin-top: -4px !Important;

}

The textbox butchered my code a little but you get the idea.

Đọc câu trả lời này trong ngữ cảnh 👍 0

Tất cả các câu trả lời (3)

more options

OP here, after looking further, its the top padding on the title bar that needs to be shortened, and not the padding on the tab titles. You can really tell this on the active tab on the pic's right side. Here is a screen shot:

Được chỉnh sửa bởi bwbradwicks vào

more options

You can adjust the margin-bottom or possibly try a negative margin-top to pull up the text. The inspector should also show the actual height of the tab text container and you may have to add a "height: var(--tab-min-height)" to some of the containing elements assuming that you have modified --tab-min-height to set the tab height.

*|*:root {--tab-min-height: 30px !important;}

more options

Giải pháp được chọn

@cor-el Thanks for helping. I did webdesign part time for 10 yrs and I solved my issue by appending a negative margin statement to the tab bar font size statement as seen below. ... I used to custom code & modify WordPress a lot and used to make some straight HTML pages also.

} /* Tab bar */

  1. TabsToolbar {
 font-size: 15px !important;
 margin-top: -4px !Important;

}

The textbox butchered my code a little but you get the idea.

Được chỉnh sửa bởi bwbradwicks vào