Category Archives: Reviews

Whipped Cream Recipe

One of my favorite dessert treats is whipped cream. Yum! I could eat it straight, especially if it’s frozen. Here is my recipe:

1 cup whipping cream
3 tbsp sugar
1 tsp vanilla

Set up your mixer and measure out the sugar and vanilla. (Keep the whipping cream as cold as possible until you are ready to make it.) Whip the cream until it starts to get thick; be patient, this could take minutes. When it thickens, add the sugar and vanilla, and mix a bit more to stir. Don’t keep mixing  or you’ll end up with something like butter! Refrigerate; lasts about a week (if you can manage to not eat it all). Freezes great, too!

And remember: you can whip cream but you won’t get whipped cream unless you start with whipping cream.

Customizing the Vivaldi browser Bookmark Toolbar, part 2

Last time I posted about customizing the Vivaldi browser, which the developers claim is simple and one of their objectives, I wondered if I would be able to push my toolbar icons closer together, like they are in Chrome. And the answer is Yes! Although there are a lot of steps, in a nutshell, one simply has to add a “custom.css” file to the application folder and a Vivaldi file. And again and again each time Vivaldi issues an upgrade (once every few months, it seems).

By the way, if you “know” css, then you can certainly investigate a lot more things to customize. However, this example focuses on the space between the icons in the Bookmark Toolbar.

First, create a css file. Simply open some sort of text application (i.e., Notepad or TextPad) and save the file as custom.css (be sure to save it as “All Files” file type or you will end up with “custom.css.txt”) in the location “C:\Users\[your_user_name]\AppData\Local\Vivaldi”.

Paste the following into the new css file:

.bookmark-bar button {
 padding:0 1px;
}

I like my icons close together, but you can experiment with making the padding a bit wider than 1 pixel (the default padding width is 6 pixels). Save and close the file, and now you have a backup of your custom stylesheet. Always leave a copy in this location, or you will lose it with each upgrade. That being said, now copy the custom.css file to “C:\Users\[your_user_name]\AppData\Local\Vivaldi\Application\[current_version]\resources\vivaldi\style”.

Navigate up one folder level to “C:\Users\[your_user_name]\AppData\Local\Vivaldi\Application\[current_version]\resources\vivaldi\” and open the file “browser.html”. Don’t just double-click on it, however, or you will end up viewing it in your browser! Instead, right-click and choose to open (or edit) it with the same text application you used to create your css file. Alternatively, you could select to open this file from the text application, navigating to the same location.

The opened file will look like this:

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8" />
 <title>Vivaldi</title>
 <link rel="stylesheet" href="style/common.css" />
 </head>
 <body>
 <div id="app" />
 <script src="localeSettings-bundle.js"></script>
 <script src="vendor-bundle.js"></script>
 <script src="settings-bundle.js"></script>
 <script src="urlbar-bundle.js"></script>
 <script src="components-bundle.js"></script>
 <script src="common-bundle.js"></script>
 <script src="bundle.js"></script>
 </body>
</html>

Make a copy of the line “<link rel=”stylesheet” href=”style/common.css” />” and paste it right under itself.

 <head>
 <meta charset="UTF-8" />
 <title>Vivaldi</title>
 <link rel="stylesheet" href="style/common.css" />
 <link rel="stylesheet" href="style/common.css" />
 </head>

In the second line (very important!), replace the word “common” with “custom”. Now the file will look like this:

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8" />
 <title>Vivaldi</title>
 <link rel="stylesheet" href="style/common.css" />
 <link rel="stylesheet" href="style/custom.css" />
 </head>
 <body>
 <div id="app" />
 <script src="localeSettings-bundle.js"></script>
 <script src="vendor-bundle.js"></script>
 <script src="settings-bundle.js"></script>
 <script src="urlbar-bundle.js"></script>
 <script src="components-bundle.js"></script>
 <script src="common-bundle.js"></script>
 <script src="bundle.js"></script>
 </body>
</html>

Save that file, and (re)open Vivaldi. There you go! From

Vivaldi default bookmarks toolbar icon width

to Custom Vivaldi Bookmark Toolbar