How to Fix LS EW14_(N) Widget
LS EW14_(N) is a beautiful widget that looks awesome in almost every setup. The widget features the time in a large font with the date in between the numbers in a little box. When I downloaded the widget from the repo though, I noticed that the box that surrounds the date was missing. It made the widget look a lot different that it was supposed to.
Luckily, there's an easy was to fix this issue, and it only takes a few lines of code. In
this tutorial, all you're going to need is Filza, which is available on Cydia. Let's get started.
First, open Filza, and navigate to root/var/mobile/Library/LockHTML. Once you're there, since the folder that says "LS EW14_(N)". There will be multiple files in this folder, but the only one we're concerned about is "Style.css". This is the file that determines how the widget looks (color, position, etc.). Open the file.
If you're familiar with CSS, these next steps should be pretty easy for you, but if you're completely new to CSS, don't worry! CSS is pretty straight forward, and we only have to modify a few things.
When scrolling through the Style.css file, you'll probably notice all the elements (#hour, #minute, etc.). These, and the code below them, specify how each element looks. So, for example, the "font-size" below "#hour" specifies the size of the font for the hour portion of the time. Pretty straightforward, right? Now, let's begin modifying the code
Scroll down to the bottom of the code and find "#R". This represents the box that surrounds the date. There's no need to remove any code, we're just going to add some CSS elements to bring the border back. Tap on the code to begin typing, and make sure your cursor is positioned right after the semi-colon after the last line (box-sizing;border-box).
Now, hit return on your keyboard so that you create a new line. If you want, you can hit the space bar until your cursor is lined up with the other lines, but it's not necessary. Now, type in border: 1px solid white; .
There you go! Tap save in the upper right corner, and lock your device. When you turn it back on, there should be a border around the date.
If you want to take it a step further, you can round the corners of the box, which in my opinion looks a lot better. To do this, hit return again to create a new line below the previous one. Now, type border-radius: 4px 4px 4px 4px; . Tap save again and check your lockscreen. The box will now have curved edges.
I hope this tutorial helped you! If you have any questions, please let me know using the contact box below.