top of page

How to Fix LS EW14_(N) Widget

  • Evan
  • Jun 28, 2018
  • 2 min read

LS EW14

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.

Before and After fixing the widget

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.

Comments


 Recent   
 Posts  
About  
 

Welcome to my blog! My name is Evan, and I'm the creator of TodaysTechTV. Here, you'll find tutorials, reviews, and basically anything related to tech!

  • YouTube
  • Instagram

© 2018 by TTT. Website created with Wix.com

Contact
 

Have any suggestions or ideas for my blog? Send them to me! I'd love to hear your feedback! Just fill out the boxes below and hit send.

Success! Message received.

bottom of page