Now Available In German Language | FeedWind

We are pleased to announce the German-language release of FeedWind. In our continued efforts to make FeedWind available in more countries across the world, we have completed our German language translation. For German-speaking web developers who are new to FeedWind, FeedWind is a platform to display dynamic content on websites using one of many sources. These sources include social media sites (Facebook, Twitter, Instagram), Google Calendar, and RSS feeds including audio podcasts. Lots of options and CSS are available for users to customize their visuals until they match the intended aesthetic of the web page. Now, German-speaking web designers and administrators can use our feed-generating platform to enhance their website visuals without having to translate instructions and thumbnails using their browsers. The translation includes the website (feed.mikle.com) where registered users log in to create feeds (image 1) and the settings interface where users create and customize feed content (image 2). German-language support pages are forthcoming. German version https://feed.mikle.com/de/ German Home Page German Setting Screen

Introducing Our New “Plus Plan” – Save More Widgets!

The new FeedWind “Plus” plan

Today we are pleased to announce the release of a new subscription plan to allow you to save more widgets.

The new Plus plan is $179 per year and allows you to store up to 50 widgets (the Pro plan allows for 20). Now you can create even more widgets under one subscription account! You can find out more about our subscription plans at our FAQ page. feedwind plus plan

If you would like to check out the new Plus plan with a free 14-day trial, head on over to our subscriptions page.


 

CSS for Google Calendar Event Date & Time Elements

custom google calendar widgetWe have just introduced new classes for the Google Calendar widget date & time components. These allow you to customize the date and time with CSS and achieve any styling you want. You can match your website style and make your Calendar Event date/time more prominent in the feed. This article focuses on the CSS used for the date/time components of your custom Google Calendar widget. You can find out more about how to use CSS to style the remaining widget components in our in-depth article on Google Calendar CSS.

Custom Google Calendar Widget CSS Classes

These are the relevant classes for Google Calendar event date/time:

‘Clock icon’ class

This class is for the clock icon which appears alongside the date/time by default. .fa.fa-clock-o Note – If you wish to hide this icon you can use: .fa.fa-clock-o {display:none!important;}

‘Time’ class

The ‘Time’ class styles the time element of the date/time. .fw-gc-feed-item-time-only

‘Date’ class

The ‘Date’ class styles the date element of the date/time. .fw-gc-feed-item-date-only

‘Date & Time’ class

This class styles both date and time components. Useful for adding a border around the whole date+time element, or to reposition the whole date+time element using margins. .fw-gc-feed-item-date
Using these CSS classes you can create a widget such as the example below. You can find the full CSS used for this custom Gcal widget here.
If you need any assistance with customizing your Google Calendar widget, please contact us and we’ll be happy to help!

Using Dropbox to host CSS files

How to host css stylesheets on Dropbox

It’s easy to host CSS stylesheets on Dropbox where you can store a CSS file for a custom Feedwind widget without having to store a CSS file on your own server. This is particularly useful where you are using an online platform such as Wix or Weebly to build your site. Platforms like these do not have the facility for storing CSS files, so Dropbox is a great solution. First you need to create your custom CSS file. Depending on what sort of widget you a building (RSS widget, Facebook page widget or Google Calendar widget). You can use any code editor or plain text editor to create your CSS as explained in the relevant support documents for CSS. Once you have created your stylesheet and saved it as a .css file, you can then upload it to Dropbox for later use.

Get the URL for your .css file

On an Apple Mac

On an Apple Mac, Open your dropbox, and locate your .css file. Right-click on the file and select “Copy Public Link.” This will copy the publicly available URL for your .css file to your clipboard. host css with dropbox

In a windows-based browser

In a windows browser, Dropbox display things a little differently from the Apple Mac version or the Dropbox app. Below are example screenshots for the Windows browser:

dropbox can host css files

Grab the custom .css file link for use in Feedwind by clicking on the “Share” button alongside your .css file in the Dropbox file list. The following modal will appear: use dropbox for css

The URL will look something like this:

https://www.dropbox.com/s/j0vdhe8owoolgh5/custom98.css?dl=0 To use this URL in FeedWind you will need to make a small adjustment to the URL by changing the www. In the URL to dl. e.g. www.dropbox.com/../ becomes https://dl.dropbox.com/../ When you have your new URL e.g. https://dl.dropbox.com/s/j0vdhe8owoolgh5/custom98.css?dl=0 You can then use this .css URL in your RSS, Google Calendar or Facebook page widget setup screens