Blog URL
Paste in the url of your blog index page,
to avoid errors make sure to grab it from the browser's address bar.
to avoid errors make sure to grab it from the browser's address bar.
Recent Blog Posts documentation
Click on an item in the left sidebar to view the related instructions
Total blog cards
Choose to display between 1 and 25 blog cards.
* The amount selected should be lower or equal to the amount of 'visible blog posts per page',
this setting is found back in your blog settings within the Weebly editor.
* The amount selected should be lower or equal to the amount of 'visible blog posts per page',
this setting is found back in your blog settings within the Weebly editor.
Cards visible desktop
Specify how many cards in a row you would like to have for desktop (large screens) view.
* You can modify the amount of cards per row for large screens (desktop, ...), medium screens (tablet, ...) and small screens (phone, ...).
* You can modify the amount of cards per row for large screens (desktop, ...), medium screens (tablet, ...) and small screens (phone, ...).
font family
The title of your blogcard can have any font family and font weight you would like, any font from the Google font library can be chosen.
If you are using a custom font on your theme or are already loading a font family from the Google library you can include the correct name and use the 'Custom Font' option, this way you can reduce requests made to load fonts.
If you are using a custom font on your theme or are already loading a font family from the Google library you can include the correct name and use the 'Custom Font' option, this way you can reduce requests made to load fonts.
custom font
Please make sure to use the correct name in the 'Custom font name' input field to avoid any mistakes it is suggested to copy the entire font name including quotes and fallback font in case needed.
You can select the font weight going from hairline to black, do please note that note each font family will have all of these weights available, so before selecting the weight make sure your site is loading the required font weight.
By default the font style will be set to 'Normal', you can also if desired set this to 'Italic'.
* Do note that our dashboard is most likely not going to be loading the custom font you have selected,
so the representation of the text in the button will fallback to whatever you have set.
You can select the font weight going from hairline to black, do please note that note each font family will have all of these weights available, so before selecting the weight make sure your site is loading the required font weight.
By default the font style will be set to 'Normal', you can also if desired set this to 'Italic'.
* Do note that our dashboard is most likely not going to be loading the custom font you have selected,
so the representation of the text in the button will fallback to whatever you have set.
font size
Font size is being set in pixels.
Line height
Line height is the spacing between text of your title when it breaks on a new line.
The value is in 'ems', 1em is the same size as the font size of the title.
* Use comma values for this setting to get a more accurate result.
The value is in 'ems', 1em is the same size as the font size of the title.
* Use comma values for this setting to get a more accurate result.
Title color
Select the color your title needs to have with the color picker tool or
include a valid color value such as hex or rgb.
include a valid color value such as hex or rgb.
font family
The text of your blog card can have any font family and font weight you would like, any font from the Google font library can be chosen.
If you are using a custom font on your theme or are already loading a font family from the Google library you can include the correct name and use the 'Custom Font' option, this way you can reduce requests made to load fonts.
If you are using a custom font on your theme or are already loading a font family from the Google library you can include the correct name and use the 'Custom Font' option, this way you can reduce requests made to load fonts.
custom font
Please make sure to use the correct name in the 'Custom font name' input field to avoid any mistakes it is suggested to copy the entire font name including quotes and fallback font in case needed.
You can select the font weight going from hairline to black, do please note that note each font family will have all of these weights available, so before selecting the weight make sure your site is loading the required font weight.
By default the font style will be set to 'Normal', you can also if desired set this to 'Italic'.
* Do note that our dashboard is most likely not going to be loading the custom font you have selected,
so the representation of the text in the button will fallback to whatever you have set.
You can select the font weight going from hairline to black, do please note that note each font family will have all of these weights available, so before selecting the weight make sure your site is loading the required font weight.
By default the font style will be set to 'Normal', you can also if desired set this to 'Italic'.
* Do note that our dashboard is most likely not going to be loading the custom font you have selected,
so the representation of the text in the button will fallback to whatever you have set.
font size
Font size is being set in pixels.
Line height
Line height is the vertical spacing between text when it breaks on a new line.
The value is in 'ems', 1em is the same size as the font size of the text.
* Use comma values for this setting to get a more accurate result.
The value is in 'ems', 1em is the same size as the font size of the text.
* Use comma values for this setting to get a more accurate result.
Text color
Select the color your text needs to have with the color picker tool or
include a valid color value such as hex or rgb.
include a valid color value such as hex or rgb.
Text lines visible
Select the amount of lines of text your blog card should show.
read more icon styles
Using the color picker tools for each of the color settings for the icon will allow you to set a color style for:
- icon background
- icon background on hover
- icon color
- icon color on hover
Blog card background
Using the color picker tool you can set a background color for the cards,
or include a valid color value such as hex or rgb.
or include a valid color value such as hex or rgb.
Border color card
Using the color picker tool you can set a border color for the cards,
or include a valid color value such as hex or rgb.
* to remove the border entirely, simply use the opacity slider and slide it all the way to the left so it becomes fully transparent.
or include a valid color value such as hex or rgb.
* to remove the border entirely, simply use the opacity slider and slide it all the way to the left so it becomes fully transparent.
Image wrapper height
The image of the cards will be displayed as a background image of a wrapper div,
you can specify the height this wrapper div should have.
* You can set heights specific to devices, for large screens (desktop, ...), medium screens (tablet, ...) and small screens (phone, ...).
you can specify the height this wrapper div should have.
* You can set heights specific to devices, for large screens (desktop, ...), medium screens (tablet, ...) and small screens (phone, ...).
Use rounded edge
Switching on this setting will display your cards with a rounded corner.
To have squared corners, simply turn off this setting.
To have squared corners, simply turn off this setting.
Hide arrows
Toggle on this setting if you want to hide the arrows from the slider.
Arrow radius
Make the surrounding box of the arrow more round by adding border radius value in pixels.
* If the box needs to have squared corners, set the value to '0'.
* If the box needs to have squared corners, set the value to '0'.
Arrow color styles
Using the color picker tools for each of the color settings will allow you to set a color style for:
- arrow background color
- arrow background color on hover
- arrow color
- arrow color on hover
Infinite loop
Select if the cards should be going round,
whenever the last card has been reached the next one will be the first card.
If you would like to prevent this behaviour, select the 'stop at the end' option.
whenever the last card has been reached the next one will be the first card.
If you would like to prevent this behaviour, select the 'stop at the end' option.
Use autoplay
Autoplay will automatically animate between the different cards in the slider.
When this option has been selected you can specify the 'Autoplay speed',
a value set in milliseconds.
When this option has been selected you can specify the 'Autoplay speed',
a value set in milliseconds.