Cards in Dynamic sections

The Full card/Text card

  • When you turn on the Full/Text Card over your Dynamic sections, the list items will have an outline and background with the card color.
    Also See: Website colors and spacing.

Full Card

  • When the full card option is selected, the card color and other properties you specified are applied to the whole card i.e., the image and the text below it.

Have a look: 

Text Card

  • When the text card option is selected, the card color and other properties you specified are applied only to the text (below the image).

Have a look: 


Cards 

The card styling options are available in the Style tab of the section (right drawer). The styling options are as follows:

  1. Choose to show the list items as Full/Text Cards.
  2. Choose to have a common or different card spacing for each side of the list items and set a number (in px) for the card spacing of the list item images.
    In case you have chosen split corners, you can set different card spacing for each side of the card.

  1. Specify the card corner radius for the list item’s card in px.
  2. Choose the Card Height to be auto or fixed.
    In case you have chosen the fixed option, specify the height of cards in vh.

  1. Choose the card color to be none or default or custom. If the default option is chosen, then the card color set in the Design section is used here.
  2. If you have chosen the custom option, then specify the base color and 
  3. Text color of the card.
  4. Choose to enable Hover Effect for the card.
  5. Specify the base color for the card hover view.
  6. Specify the text color for the card hover view.

Card Border

  1. Position – Choose to have a common or different card border for each side of the list items and set a number (in px) for the card border.
    In case you have chosen split corners, you can set different card borders for each side of the card.
  2. Choose the Style of the card border.
  3. Choose the Color of the card border.

See how the card properties work:

Can't find what you're looking for?

Get in touch with a Pixpa Expert.