CSS Settings Archives - FBU Tracking & Knowledge Base

Resolve SearchBox width on header

webdeveloper — Sun, 09 Jun 2024 22:29:42 +0000

It was found that the search box width, after the search icon is clicked, went out of the page.

However, the dev site looks acceptable.

The post Resolve SearchBox width on header appeared first on FBU Tracking & Knowledge Base.

Change form label color to white

webdeveloper — Sun, 20 Aug 2023 01:30:11 +0000

By default Gravity Form labels have their own color, but when the background color is set at red, it becomes difficult to read.

Change the form label to white, making it much easier to read.

Labels with original color

Labels with white color

The post Change form label color to white appeared first on FBU Tracking & Knowledge Base.

Fix Button Group that buttons stuck together

webdeveloper — Wed, 11 May 2022 19:28:38 +0000

Fixed: After replacing button widget from other Elementor addons with original Elementor button, Button Groups on some pages were found that all buttons stuck together.

The post Fix Button Group that buttons stuck together appeared first on FBU Tracking & Knowledge Base.

Increase scroll-to-top icon size

webdeveloper — Thu, 07 Apr 2022 18:56:24 +0000

Implemented: Increased icon size from 30 px to 45 px.
font size: 14 px -> 18px
right space: 15 px -> 20 px

The post Increase scroll-to-top icon size appeared first on FBU Tracking & Knowledge Base.

CSS: Global Settings should have higher priority unless locally customized

webdeveloper — Wed, 06 Apr 2022 06:39:10 +0000

Implemented: Set up the CSS stylesheet loading sequence properly so that the stylesheet of the active theme is higher than all other stylesheets.

This is to make sure that our specified Global CSS settings will not be overwritten by other plugins unless locally necessary.

Not to apply “!important” property on global settings.

The post CSS: Global Settings should have higher priority unless locally customized appeared first on FBU Tracking & Knowledge Base.

CSS: Chinese page content blocks where Chinese font not applied

webdeveloper — Tue, 22 Mar 2022 06:57:24 +0000

Status: Closed; Priority: N/A

Fixed: Use Chinese font “Noto Sans TC” (Traditional Chinese) for content blocks on Chinese pages

Test page: 教師聚焦：資深教授彭振能

To fix:

Fixed: Single post sidebar

Fixed: Single post Categories/Tags list

Fixed: Single post Bottom Widget Tags list

Fixed: Footer

The post CSS: Chinese page content blocks where Chinese font not applied appeared first on FBU Tracking & Knowledge Base.

Button Group: CSS Settings conflict

webdeveloper — Sun, 13 Feb 2022 17:12:12 +0000

Status: Closed; Priority: N/A

Fixed: All buttons stick together in the Calendar pages with the customized Section CSS class “wpos-academic-calendar“. That class quite possibly conflicts with the Button Group CSS settings

Test pages:
daca-Academic Calendar (DAc/MAc)
Academic Calendar (DTCM)
Academic Calendar (EDAOM)
Academic Calendar (CDAOM)
Bridge Academic Calendar

The post Button Group: CSS Settings conflict appeared first on FBU Tracking & Knowledge Base.

CSS: Use Chinese font for Chinese pages

webdeveloper — Tue, 25 Jan 2022 17:09:15 +0000

Status: Closed; Priority: N/A

Use Chinese font “Noto Sans TC” (Traditional Chinese) from Google for Chinese pages as specified in the Font Setting (see attached screenshot) or on the Tech Doc FBU Customized CSS settings below

Set the body element such that it will display English text with Roboto Light font, and Chinese text with Noto Sans TC font.

There are several ways to implement Chinese fonts.
Check out this doc for reference: Chinese font settings

Set Noto Sans TC
style “Light 300″ for body element, and
style “Regular 400″ for headings.

Of all font-display options, swap, fallback, optional,
set: font-display=swap

Test page: 助學貸款 (DTCM/MTCM)

The post CSS: Use Chinese font for Chinese pages appeared first on FBU Tracking & Knowledge Base.

Button Group CSS Settings – language dependent

webdeveloper — Tue, 18 Jan 2022 13:48:32 +0000

Status: Closed; Priority: N/A

Make the CSS settings in two groups.
One for general settings (settings apply to both language)
Another for language dependent, mainly for Font size

Current font size:
English: 12 px; Chinese: 16 px

To fix:

Characters (font) size look close between the content in the central column and in the Buttons. But the font size set for the central column is at 20px. and the size for the button is at 16px.

Why two different font sizes do not look differently?

Test page: 助學貸款 (DTCM/MTCM)

The post Button Group CSS Settings – language dependent appeared first on FBU Tracking & Knowledge Base.

Button Group CSS Settings

webdeveloper — Thu, 23 Dec 2021 13:40:59 +0000

Status: Closed; Priority: N/A

Move most, if not all, CSS settings to a class (such as 1 in the screenshot below – wpos-widget-button) stored in style.css so that Editor does not need to customize button from options (such as 2 in the screenshot below) provided by Elementor Editor.

The CSS settings are documented here
Button Group CSS Settings

The post Button Group CSS Settings appeared first on FBU Tracking & Knowledge Base.