Small font size in product blocks

The plugin uses a "rem" based approach for font sizing, which means font sizes are relative to the root font size of the document (the html tag, usually 16px by default). If your WordPress theme sets a very small base font size, it will affect all text sizes in plugin blocks, making them appear smaller than expected.

Possible Solutions

  1. Adjust the root font size Navigate to Appearance > Customize. Scroll down to Additional CSS and add the following:

html {
  font-size: 100%;
}
  1. Override the font size for plugin blocks If adjusting the theme's font size is not ideal, you can override the font size for the plugin blocks directly. Use the following CSS to set the font sizes in pixels or ems (instead of rems):

.cegg5-container {
    font-size: 16px !important;
}

.cegg5-container .btn {
    --cegg-btn-font-size: 16px;
}

.cegg5-container .fs-6, .cegg5-container .fs-5 {
    font-size: 16px !important;
}

.cegg5-container .fs-4, .cegg5-container .h4 {
    font-size: 18px !important;
}

Last updated