riquezjp / kitchenTV

Kitchen TV; weather, clock, live news feeds & video for Raspberry pi using PHP/javascript
GNU General Public License v3.0
26 stars 12 forks source link

Top and Left Margin required #15

Open werdnllac opened 6 years ago

werdnllac commented 6 years ago

I am proposing there should be a top-margin and left margin at the left top corner over-lapping the video. A minor adjustment will makes it appear cool.

Can you share or update which files do that adjustment? capture

riquezjp commented 6 years ago

Hi, no problem. The digital clock/date is in a div with id "digi" In the main.css stylesheet you can edit the position of this.

#digi{
position: absolute;
top: -1.9em;
left: -0.05em;

the top & left values are negative which has been set to match the number right up to the edge of the screen. If you would like a margin top & left then set those numbers to be positive. Probably 0em for top & 1em for left would do what you want.

For oter items on the page you can usually right click & choose "inspect" so you can find the ID or Class of the element, then edit that in one of the css files.

eg: here we can see the weather temperature & location elements & just find those in the weather.css to edit the look.

<div class="weather">
            <div class="w_left">
                <p class="temperature">26°C</p>
                <p class="location">Nanjo-shi</p>
            </div>