Card settings (Featured blog)

There are two styles: 

• Date and author title uppercase
• Date and author title capitalize

The image ratio of the blog posts :

1. Landscape: This option crops the images to a 3:2 ratio, where the width of the image is 1.5 times the height. It is ideal for images that have a wider or landscape orientation.
2. Square: This option crops the images to a 1:1 ratio, where the width and height of the image are equal. It creates a square-shaped display for your images.
3. Height 11 to width 10: When the height is set to 11 and the width is set to 10, it means that the image will have a slightly taller appearance compared to a perfect square. The height will be slightly greater than the width, maintaining the ratio of 11:10.
4. Portrait: This option crops the images to a 2:3 ratio, where the height of the image is 1.5 times the width. It is suitable for images that have a taller or portrait orientation.
5. 4:3: This option crops images to a 4:3 ratio, providing a standard rectangular display.

There are four options available:

• Default: This option causes the image to zoom slightly when hovered over.
• Italic and link color: This option is similar to the default, but it also changes the font color of the links on the card to a different color and applies an italic style.
• Rounded image and heading color: This option rounds the corners of the image and changes the heading font color to a different color.
• Rounded image and heading icon: This option rounds the corners of the image and adds an arrow icon to the heading.

You can choose whether headings use the Heading or Body text style.

• To change the font family, font size, or font weight of heading or body style, go to Theme Settings > Typography.
• Note: Changes in the Typography tab will apply across the entire theme.

Choose a style for the heading:

• Default – Displays the heading in Sentence case or Title Case, based on how the blog is named on the blog detail page in the dashboard.
• Uppercase – Displays the heading in ALL CAPITAL LETTERS to suit your design preferences.

Select a color for the card heading from the following options:

• Main
• Secondary
• Heading

Select blog card heading font size from available options:

• Extra small
• Small
• Medium
• Large

Select blog card description font size from available options:

• Small
• Medium
• Large

Select a color for the card description from the following options:

• Main
• Secondary
• Heading

Type a label for the button. 

*When you remove the label, the button will become invisible on the page.

This feature allows changing button color style:

• Primary 
• Secondary 

This setting can be applied to the section's buttons, links, and underlined links.

*To choose or change colors for button styles, go to the theme settings/button tab. Changing colors in theme settings affects the whole theme.

Choose from seven button styles:

• Default: Solid background with text.
• Default with icon: Same as Default, plus an icon. Add icon in Theme Settings > Buttons > Add icon to inline button option by pasting SVG code. For detailed steps on adding an SVG icon, see the “Buttons” article in Theme Settings, and look for the “Add icon to inline button” option. For example, you can use an arrow icon.
• Outline: Transparent background with colored outline and text.
• Outline with icon: Outline style with an icon. Add icon the same way as Default with icon style.
• Inline: Looks like a text link. You can also add an icon using the same steps as the Default with icon style.
• Inline with underline: Inline style with a permanent underline.
• Inline with underline on hover: Inline style with underline appearing on hover.