RuffRuff Selling Periods

Customize product message design

Colors and custom CSS to center the message

You can change the product message background color, border color, and text color. You can set them separately for before, during, and after the selling period.

Change the colors for before, during, and after the selling period as follows.

(1) Open Settings

Open "Settings" in the left app menu.

(2) Set the colors

On the "Before the selling period," "During the selling period," or "After the selling period" card, set the background, border, and text colors.

(3) Save

Select "Save."

There is no setting to center the product message. You can center it with custom CSS in the theme.

This is an example after centering.

The following steps are an example on the Dawn theme.

(1) Open the theme editor

From Shopify admin, go to Online Store → Themes, then select "Customize" for the target theme.

(2) Open the product template

In the page selector at the top of the theme editor, select "Home page → Products → Default product."

(3) Enter custom CSS

Select the product information section on the left, then enter the following code in "Custom CSS."

CSS

(4) Save

Select "Save" in the upper-right corner.

To make the product message background transparent, use custom CSS in the theme. The CSS depends on the theme, so contact us if you need help.

If the above still does not solve the issue, contact us through the contact form.

When you contact us, include the following information.

  • The store's myshopify.com domain

  • The theme name

  • The look you want for a transparent background