Since every theme is coded just a little differently, it would be helpful if you linked back to the theme download. Then perhaps one of us can take a look at the actual code and offer advice.
Got a tip for us?
Let us know
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.
Post your HTML/CSS support questions w/ screenshot here
- Thread starter thatappleguytoday
- Start date
- Sort by reaction score
Since every theme is coded just a little differently, it would be helpful if you linked back to the theme download. Then perhaps one of us can take a look at the actual code and offer advice.
OK, to start, the CSS file only handles the weather for this one. Time and calendar changes need to be made in the HTML file.
I can't give you exact numbers to use; it varies depending on your font and wallpaper. So you'll need to experiment. Save the original first, and then save copies as you go along; it can save you a lot of headaches.
Because this file has a ton of extra lines, it's best to edit it in a tool that has a line counter--I'm using Komodo Edit, which is free on the web. It also allows you to preview your changes in a pane below your edits. I split my time between that tool and Text Wrangler. If you don't have a line counter in your editing tool, just look for the lines below.
This section, lines 367-379, control the overall position of the calendar. Increase the number after top: to lower the entire widget at once. You can then individually move pieces of the widget to your liking if you prefer.
Try dropping it by 20px (to 380) to start and see if that helps.
Individually, the year is controlled on line #579. Section for that is headed by:
Below that, you'll see lines for position, top, text-shadow (commented out) and others, including font size. In this case, position is a negative number, in pixels. To lower it on the page, you need to INCREASE the number--in other words, get it closer to zero. As an example, try changing it to -25 and preview the results--it defaults at -84.
Similarly, with the .month section, beginning on line 503, you'll want to alter the line:
I haven't quite been able to find where you alter the code to move the week by itself, but this should at least give you a start. Hopefully you can get that positioned by moving the overall widget, then just shift the month and year to where you prefer.
Hope that helps!
I can't give you exact numbers to use; it varies depending on your font and wallpaper. So you'll need to experiment. Save the original first, and then save copies as you go along; it can save you a lot of headaches.
Because this file has a ton of extra lines, it's best to edit it in a tool that has a line counter--I'm using Komodo Edit, which is free on the web. It also allows you to preview your changes in a pane below your edits. I split my time between that tool and Text Wrangler. If you don't have a line counter in your editing tool, just look for the lines below.
This section, lines 367-379, control the overall position of the calendar. Increase the number after top: to lower the entire widget at once. You can then individually move pieces of the widget to your liking if you prefer.
Code:
.CalendarWidget
{
text-align:center;margin-left:0px;margin-top:0px; width: 320px; height: 480px;
position: absolute; top: 360px; right: 0px; down: 0px; left: 0px;Try dropping it by 20px (to 380) to start and see if that helps.
Individually, the year is controlled on line #579. Section for that is headed by:
Code:
.yearBelow that, you'll see lines for position, top, text-shadow (commented out) and others, including font size. In this case, position is a negative number, in pixels. To lower it on the page, you need to INCREASE the number--in other words, get it closer to zero. As an example, try changing it to -25 and preview the results--it defaults at -84.
Similarly, with the .month section, beginning on line 503, you'll want to alter the line:
Code:
top: -31pxI haven't quite been able to find where you alter the code to move the week by itself, but this should at least give you a start. Hopefully you can get that positioned by moving the overall widget, then just shift the month and year to where you prefer.
Hope that helps!
Last edited:
Irish... Your info was spot on, thanks! I was originally trying to find and edit the HTML file using notepad and that was a disaster! Komodo was definitely the answer.
In addition to the info you gave me, if anyone out there wants to move the time and am/pm in this widget, they are located in the HTML file...
Time is on line 203
am/pm is on line 339
Thanks again!
In addition to the info you gave me, if anyone out there wants to move the time and am/pm in this widget, they are located in the HTML file...
Time is on line 203
am/pm is on line 339
Thanks again!
Glad I could help!
Yeah, Notepad was giving me issues too. Komodo is fairly good, but there's the occasional CSS file that it can't seem to read and I haven't taken the time to figure out why--I'll open it and it will be all Asian characters of some sort. The same file will open fine in Text Wrangler, or in iFile directly on the phone. And the preview feature isn't always perfect--I still end up opening the file in Safari to check things from time to time. But it's WAY better than Notepad, or than trying to do wholesale changes directly on the phone.
Yeah, Notepad was giving me issues too. Komodo is fairly good, but there's the occasional CSS file that it can't seem to read and I haven't taken the time to figure out why--I'll open it and it will be all Asian characters of some sort. The same file will open fine in Text Wrangler, or in iFile directly on the phone. And the preview feature isn't always perfect--I still end up opening the file in Safari to check things from time to time. But it's WAY better than Notepad, or than trying to do wholesale changes directly on the phone.
Subtract left px value from WHAT?wow, thanks!
ok i browse for some awesome ls theme on the other post and found this
https://forums.macrumors.com/posts/12759466/
i have downloaded it and having some problem..1st..i need to know which kind of cydia app to make the clock work? in my case the clock stays at 0.00 lol..
2nd problem is that from that picture in the link i gave, this ls seems to be compatible with lockinfo i assume? how do i make my lockinfo looks like that?
https://forums.macrumors.com/posts/12759466/
i have downloaded it and having some problem..1st..i need to know which kind of cydia app to make the clock work? in my case the clock stays at 0.00 lol..
2nd problem is that from that picture in the link i gave, this ls seems to be compatible with lockinfo i assume? how do i make my lockinfo looks like that?
I need some help...I'm trying to add a function to display "AM" and "PM" onto Eclectic Flip Clock and failing. I tried copying code from a different HTML theme into Eclectic but the functions and variables are all named differently, seems like Eclectic is stripped down as much as possible. Hopefully someone with better javascript knowledge can help me modify this.
Here is the Eclectic HTML file - click
And for reference, here is a different theme that has AM/PM built in - click
(I've already added the proper div tags for the ampm stuff in the Eclectic file, AFAIK the CSS file should call them properly).
It would be a HUGE help if someone could do this for me. Thank you!
Here is the Eclectic HTML file - click
And for reference, here is a different theme that has AM/PM built in - click
(I've already added the proper div tags for the ampm stuff in the Eclectic file, AFAIK the CSS file should call them properly).
It would be a HUGE help if someone could do this for me. Thank you!
Could someone point me in the right direction to change the blue color of the alert pop ups? picture:
in iFile I found the path to this picture:
UIPopupAlertSheetBackground (UNDO)@2x.png
How do I change the color of that to Red or a Darker blue? Is there a way to change the file, or will I have to change the image, then re-save it?
Also, would that change all popup bubbles like that? (biteSMS, Password entry, etc.)
Thanks
in iFile I found the path to this picture:
UIPopupAlertSheetBackground (UNDO)@2x.png
How do I change the color of that to Red or a Darker blue? Is there a way to change the file, or will I have to change the image, then re-save it?
Also, would that change all popup bubbles like that? (biteSMS, Password entry, etc.)
Thanks
Because it's a .png file, you'll need to export it into a photo editor to change the color, then resave and put it back into your theme. It *should* then replace most popups, but biteSMS does have a separate popup of a different size for landscape viewing. Can't remember offhand what the exact size is (a Google search should find that, or a search of the bite app on your phone in iFile), but it's called Landscape-Alert-bg@2x.png (or the same without the @2x for SD themes).
Excellent, thanks IrishVixen for your help.
How do I change a widget so that instead of showing up on the SB, it shows up on the LS?
How do I change a widget so that instead of showing up on the SB, it shows up on the LS?
Last edited:
I finally got my word clock coded for my home screen but I have a few questions. I want to change the position of where the word clock is, and thought it was somewhere within this part of the HTML file:
SPAN#clock
{
position: absolute;
font-family: Helvetica;
font-weight: 400;
color: #b9b3b4;
opacity: 0.9;
font-size: 22px;
z-index: 2;
top: 35px;
left: 27px;
width: 320px;
height: 481px;
}
SPAN#mins
{
position: absolute;
font-family: Helvetica; display: none;
font-weight: bold;
color: #b9b3b4;
opacity: 0.9;
font-size: 25px;
z-index: 3;
top: 355px;
left: 105px;
width: 320px;
height: 481px;
}
But didn't want to modify any of the px's without asking first. Also, I was wondering if anyone knew the if statements needed so that when it's 12 p.m. the clock will only say "noon" and when it's 12 a.m. the clock will only say "midnight". I eventually would like to adjust some other certain times of the day via if statements, so if I saw how to type those, I'd get the gist of how to do it myself.
SPAN#clock
{
position: absolute;
font-family: Helvetica;
font-weight: 400;
color: #b9b3b4;
opacity: 0.9;
font-size: 22px;
z-index: 2;
top: 35px;
left: 27px;
width: 320px;
height: 481px;
}
SPAN#mins
{
position: absolute;
font-family: Helvetica; display: none;
font-weight: bold;
color: #b9b3b4;
opacity: 0.9;
font-size: 25px;
z-index: 3;
top: 355px;
left: 105px;
width: 320px;
height: 481px;
}
But didn't want to modify any of the px's without asking first. Also, I was wondering if anyone knew the if statements needed so that when it's 12 p.m. the clock will only say "noon" and when it's 12 a.m. the clock will only say "midnight". I eventually would like to adjust some other certain times of the day via if statements, so if I saw how to type those, I'd get the gist of how to do it myself.
Anybody know how hard it is to make a weather widget work with perpageHTML so that we don't have to have it on every screen???
There's some great weather widgets out there, but having them on every screen is too much, and there's hardly anything out there for perpageHTML.
There's some great weather widgets out there, but having them on every screen is too much, and there's hardly anything out there for perpageHTML.
Hi just one quick question,
what is the coding if i need to have some my own words shows up on the SB
let's say i like to show the words "Cubian's Iphone" on sb and be able to position it where i like.
what would be the coding for it to insert in the widget html.
thanks.
what is the coding if i need to have some my own words shows up on the SB
let's say i like to show the words "Cubian's Iphone" on sb and be able to position it where i like.
what would be the coding for it to insert in the widget html.
thanks.
Sorry to bother but how can I move my month and time apart...they overlay too much...Thank you so much in advance..
Does anyone know why my calendar widget isn't working properly?
Here's a screenshot of my phone (running iOS 5) at the moment:
At the bottom, I can barely see the current weekday, "Sa," or the number, "14."
Here's a screenshot taken from a forum of what it should look like:
Notice at the bottom where the current weekday is highlighted in white. I have no idea how to get my widget to work this way. Could it be compatibility issues or an HTML issue?
And here's a link to where you can download the widget:
http://www.box.net/shared/bpt6ff40oz
Here's a screenshot of my phone (running iOS 5) at the moment:
At the bottom, I can barely see the current weekday, "Sa," or the number, "14."
Here's a screenshot taken from a forum of what it should look like:
Notice at the bottom where the current weekday is highlighted in white. I have no idea how to get my widget to work this way. Could it be compatibility issues or an HTML issue?
And here's a link to where you can download the widget:
http://www.box.net/shared/bpt6ff40oz
I've installed LEX's widget only and not the icons/bundles etc (I removed the "Bundles" & "Wallpaper.png" ...
All looks good, however I have a Blue ? in the middle of my wallpaper? Am I missing one of the files that should be in there?
I only have
- Icon Sets
- Widget.html
- configME.js
EDIT: Never mind - figured out the html file was pointing to Wallpaper.png. I added a wallpaper file now its all good.
One thing still bothering me is the right hand edge and bottom edge is a white line. I've made sure the new Wallpaper.png is the correct size. Any other ideas why it has the line on the 2 edges?
Last edited:
Can anybody tell me what to name a dock image and where to store it via SSH? I've got a custom dock and can't figure out where it goes.
Hi, every theme and widget i found always point to their own wallpaper. It's very troublesome to change the wallapaper.
Is there any code i can change to make it point to my own wallpaper that i set in settings? Both lockscreen and homescreen.
Thanks
Is there any code i can change to make it point to my own wallpaper that i set in settings? Both lockscreen and homescreen.
Thanks
Hi I recently installed a theme onto my iPhone and I am having a little trouble. If someone could help me I would greatly appreciate it. I posted an image of what the theme is supposed to look like along with the download link. Thank you.
1. When I change the var locale to my area code the weather is displayed wrong my area code is 48341 and it is showing 1 degrees. However, it is near 30 degrees
2. The date is blacked out to where I cannot see it. Is it possible to turn it gray? Today is Friday Feb. 3rd I cannot see Friday or the 3rd selected
3. I cannot position the icons in the box. The icons snap back to the top of the screen.
4. Is there a widget for the lockscreen that has the same display with the date and weather however, has a battery icon in the middle where the icons would be?
http://www.box.net/shared/bpt6ff40oz
1. When I change the var locale to my area code the weather is displayed wrong my area code is 48341 and it is showing 1 degrees. However, it is near 30 degrees
2. The date is blacked out to where I cannot see it. Is it possible to turn it gray? Today is Friday Feb. 3rd I cannot see Friday or the 3rd selected
3. I cannot position the icons in the box. The icons snap back to the top of the screen.
4. Is there a widget for the lockscreen that has the same display with the date and weather however, has a battery icon in the middle where the icons would be?
http://www.box.net/shared/bpt6ff40oz