Simple Machines Community Forum

SMF Support => SMF 1.1.x Support => Topic started by: jcommander on December 10, 2009, 07:53:17 AM

Title: Changes in style.css won't take effect
Post by: jcommander on December 10, 2009, 07:53:17 AM
Hi:
Im having a similar problem like this guy's post: http://www.simplemachines.org/community/index.php?topic=240078.0

Im running version 1.1.10, trying to change Default  theme. I hit Ctrl+F5 and I can see the changes for few seconds then it turns back the old look.
I am starting to learn all these things so please be patient, Thanks
Title: Re: Changes in style.css won't take effect
Post by: Arantor on December 10, 2009, 07:56:08 AM
How are you trying to change it exactly?
Title: Re: Changes in style.css won't take effect
Post by: jcommander on December 10, 2009, 08:03:05 AM
As an admin through modify themes - Style.css. I can see that in the preview area takes effect, but just there. Thanks for your reply! :)
Title: Re: Changes in style.css won't take effect
Post by: Arantor on December 10, 2009, 08:17:11 AM
Save it - then Ctrl-F5.
Title: Re: Changes in style.css won't take effect
Post by: jcommander on December 10, 2009, 09:02:27 AM
Sorry, but no result. Any idea? Thanks Should I upload the file instead?
Title: Re: Changes in style.css won't take effect
Post by: Matthew K. on December 10, 2009, 09:05:29 AM
I would check style.css's permissions via cPanel or an FTP Manager.
Title: Re: Changes in style.css won't take effect
Post by: jcommander on December 10, 2009, 09:08:58 AM
Thanks, how do I do that? I forgot the whole background did change though and some letter colors, sorry  ???
Title: Re: Changes in style.css won't take effect
Post by: Matthew K. on December 10, 2009, 09:10:32 AM
If you have cPanel, login (yourdomain.com/cpanel should work) then go to File Manager, forum path, theme path (If default it'd be {forum_path}/Themes/default) scroll down until you find style.css and there will be a column on the right, Perms, what is the number for style.css?

Labradoodle-360
Title: Re: Changes in style.css won't take effect
Post by: jcommander on December 10, 2009, 09:12:08 AM
I forgot the whole background did change though and some letter colors, sorry  ???
Title: Re: Changes in style.css won't take effect
Post by: Matthew K. on December 10, 2009, 09:19:10 AM
Not a problem.

Please mark this topic as resolved. Unless you have any further questions or issues related to this topic.
Title: Re: Changes in style.css won't take effect
Post by: jcommander on December 10, 2009, 09:23:06 AM
Yes I still need other parts of the forum to change. It only changed 2 things. If I may I will pm you later. Thanks for all your help. :)
Title: Re: Changes in style.css won't take effect
Post by: Matthew K. on December 10, 2009, 09:28:53 AM
Not a problem, I don't mind support PM's.
Title: Re: Changes in style.css won't take effect
Post by: jcommander on December 10, 2009, 04:18:44 PM
I checked permision on the file using the chmod thingy and it says 777. Is funny when I press Ctrl + F5 I  can see how the forum changes but it goes back to how it was. This is to change the "Default Theme" color schemes.

This is what I have on this file (style.css) Just the whole background (dark brown), where it say 65th Regimiento De Infantería and the white background color when quoting works.


/* Normal, standard links. */
a:link
{
   color: #777247;
   text-decoration: none;
}
a:visited
{
   color: #476C8E;
   text-decoration: none;
}
a:hover
{
   text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
   color: #000000;
   text-decoration: none;
}
a.nav:hover
{
   color: #cc3333;
   text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
   empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
   color: #000000;
   font-size: small;
   font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
   background-color: #454103;
   margin: 0px;
   padding: 12px 30px 4px 30px;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
   color: #000000;
   font-family: verdana, sans-serif;
}
input, button
{
   font-size: 90%;
}

textarea
{
   font-size: 100%;
   color: #000000;
   font-family: verdana, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
   font-size: 90%;
   font-weight: normal;
   color: #000000;
   font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
   height: 1px;
   border: 0;
   color: #666666;
   background-color: #666666;
}

/* No image should have a border when linked */
a img
{
   border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
   color: #000000;
   background-color: #ffffff;
   border: 1px solid #000000;
   margin: 1px;
   padding: 1px;
   font-size: x-small;
   line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
   color: #000000;
   background-color: #dddddd;
   font-family: "courier new", "times new roman", monospace;
   font-size: x-small;
   line-height: 1.3em;
   /* Put a nice border around it. */
   border: 1px solid #000000;
   margin: 1px auto 1px auto;
   padding: 1px;
   width: 99%;
   /* Don't wrap its contents, and show scrollbars. */
   white-space: nowrap;
   overflow: auto;
   /* Stop after about 24 lines, and just show a scrollbar. */
   max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
   color: #000000;
   text-decoration: none;
   font-style: normal;
   font-weight: bold;
   font-size: x-small;
   line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
   cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
   color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
   width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
   background-color: yellow;
   font-weight: bold;
   color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
   color: #000000;
   background-color: #ECEDF3;
}
.windowbg2
{
   color: #000000;
   background-color: #F6F6F6;
}
.windowbg3
{
   color: #000000;
   background-color: #E0E1E8;
}
/* the today container in calendar */
.calendar_today
{
   background-color: #FFFFFF;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
   color: black;
   font-style: normal;
   background: url(images/titlebg.jpg) #E9F0F6 repeat-x;
   border-bottom: solid 1px #9BAEBF;
   border-top: solid 1px #FFFFFF;
   padding-left: 10px;
   padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
   font-weight: bold;
   color: black;
   font-style: normal;
}

.titlebg a:hover
{
   color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
   color: black;
   font-style: normal;
   text-decoration: underline;
}

.titlebg2 a:hover
{
   text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
   background: url(images/catbg.jpg) #777247 repeat-x;
   color: #ffffff;
   padding-left: 10px;
   padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
   background: url(images/catbg2.jpg) #cac18 repeat-x;
   color: #ffffff;
   padding-left: 10px;
   padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
   border-bottom: solid 1px #375576;
}
.catbg, .catbg2
{
   font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
   font-size: 95%;
   color: white;
   text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
   color: white;
   text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
   color: #e0e0ff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
   background-color: #ADADAD;
   padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
   padding: 1px;
   border: 1px solid #696969;
   background-color: #FFFFFF;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
   font-size: x-small;
   font-family: verdana, sans-serif;
}
.middletext
{
   font-size: 90%;
}
.normaltext
{
   font-size: small;
}
.largetext
{
   font-size: large;
}


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
   width: 100%;
   overflow: auto;
   line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
   width: 100%;
   overflow: auto;
   padding-bottom: 3px;
   line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error
{
   color: red;
}


/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
   color: white;
   text-transform: uppercase;
   vertical-align: top;
}
.maintab_back, .maintab_active_back
{
   color: white;
   text-decoration: none;
   font-size:  9px;
   vertical-align: top;
   padding: 2px 6px 6px 6px;
   font-family: tahoma, sans-serif;
}

.maintab_first
{
   background: url(images/maintab_first.gif) left bottom no-repeat;
   width: 10px;
}
.maintab_back
{
   background: url(images/maintab_back.gif) left bottom repeat-x;
}
.maintab_last
{
   background: url(images/maintab_last.gif) left bottom no-repeat;
   width: 8px;
}
.maintab_active_first
{
   background: url(images/maintab_active_first.gif) left bottom no-repeat;
   width: 6px;
}
.maintab_active_back
{
   background: url(images/maintab_active_back.gif) left bottom repeat-x;
}
.maintab_active_last
{
   background: url(images/maintab_active_last.gif) left bottom no-repeat;
   width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
   color: white;
   text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
   color: #e0e0ff;
   text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
   color: white;
   text-transform: uppercase;
   vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
   color: white;
   text-decoration: none;
   font-size: 9px;
   vertical-align: bottom;
   padding: 6px 6px 2px 6px;
   font-family: tahoma, sans-serif;
}

.mirrortab_first
{
   background: url(images/mirrortab_first.gif) no-repeat;
   width: 10px;
}
.mirrortab_back
{
   background: url(images/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
   background: url(images/mirrortab_last.gif) no-repeat;
   width: 6px;
}
.mirrortab_active_first
{
   background: url(images/mirrortab_active_first.gif) no-repeat;
   width: 6px;
}
.mirrortab_active_back
{
   background: url(images/mirrortab_active_back.gif) repeat-x;
}
.mirrortab_active_last
{
   background: url(images/mirrortab_active_last.gif) no-repeat;
   width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
   color: white;
   text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
   color: #e0e0ff;
   text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
   background: #32CD32;
   color: white;
   text-align: center;
   font-weight: bold;
   font-size: 18pt;
   padding: 3px;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
}

Mod: changed listing from quote to code
Title: Re: Changes in style.css won't take effect
Post by: MrPhil on December 10, 2009, 06:15:07 PM
Change the permissions to 644. Files should never be 777, and certain directories only under exceptional circumstances. You might be encountering the effect of system security software forbidding access to "world writable" files or directories.
Title: Re: Changes in style.css won't take effect
Post by: jcommander on December 10, 2009, 08:54:08 PM
I tried changing it to 644 but I got this message:

Warning: ftp_site() [function.ftp-site]: Could not change perms on /public_html/forum/Themes/theme2: Operation not permitted in /home/manager/public_html/includes/filesystem.inc.php on line 671
An error has occured

Unable to execute site command chmod 0644 /public_html/forum/Themes/theme2. Note that the CHMOD command is only available on Unix FTP servers, not on Windows FTP servers.

My forum is on 000webhost.com
Title: Re: Changes in style.css won't take effect
Post by: MrPhil on December 11, 2009, 12:42:25 PM
Is "theme2" a directory or a file? If it's a directory, it should be 755, not 644. Some systems will not let you change permissions via FTP, or with specific FTP clients. You would have to use your host's control panel file manager. While you're there, check if you are the owner of the directories and files -- sometimes installers leave ownership in an "odd" state. I'm assuming that you're on a Linux host, given your current "777" permissions and the directory structure in the error message.
Title: Re: Changes in style.css won't take effect
Post by: jcommander on December 11, 2009, 04:46:44 PM
Nope, Im not the owner. theme1 and theme2 were created after I installed smf.
Those files have a 99 under owner. The rest of the smf files has ******** 8 digits. Any clue? Thanks again!
Title: Re: Changes in style.css won't take effect
Post by: MrPhil on December 11, 2009, 05:14:29 PM
If you're not listed as the owner of a file or directory, you won't be able to change its permissions. Any idea who "99" is ("nobody"?)? How about the other SMF files -- is that 8 digit ID yours? Are you able to change permissions on those other files and directories? Does your host give everyone an 8 digit ID, rather than a name? You'll probably need to work with your host to see why uploading some files gave them different ownership than the rest of the site. It might be a bad FTP configuration. How did you install SMF?
Title: Re: Changes in style.css won't take effect
Post by: jcommander on December 11, 2009, 05:33:39 PM
I was able to change perm to 755, I used the "Fix File Ownership" tool in CP.
But still no result. The 99 looks like is assigned to a group,

Under the Perms column I see this:

[] style.css           rwx------

When I use the chmod "tool" there are different options:


Owner:    []Read    []Write    []Execute
Group:    []Read    []Write    []Execute
Everyone:    []Read    []Write    []Execute

What I did was to change only the owner part and left the rest blank.
Title: Re: Changes in style.css won't take effect
Post by: Arantor on December 11, 2009, 05:38:37 PM
And who is the file owner?
Title: Re: Changes in style.css won't take effect
Post by: jcommander on December 11, 2009, 06:18:05 PM
Im the owner.
Title: Re: Changes in style.css won't take effect
Post by: MrPhil on December 11, 2009, 06:30:32 PM
owner: read, write (4+2)
group: read (4)
world: read (4)
= 644

That should let anyone make use of (read) your style.css file. Now, who is the owner? They will have write access, for editing and updates. Is '99' in the owner or in the group field?
Title: Re: Changes in style.css won't take effect
Post by: jcommander on December 11, 2009, 06:37:17 PM
99 is in the group field.
Im suspecting the source. If Im running ver 1.1.10, is it right to just copy and paste whatever is in style.css if it comes from a different version?
Or both have to be the same version?
Title: Re: Changes in style.css won't take effect
Post by: MrPhil on December 11, 2009, 09:00:46 PM
What version are you copying from? From 1.1.4 to 1.1.5 there was one line changed; nothing since then.
Title: Re: Changes in style.css won't take effect
Post by: jcommander on December 12, 2009, 10:48:36 AM
Well, since I can't change diorectly from the .css file, I made a little experiment. Took the style.css from Khaki theme (compatible w/ ver 1.1.5, 1.1.6, 1.1.7) and it changed well. It should not be anyway ....
Title: Re: Changes in style.css won't take effect
Post by: MrPhil on December 12, 2009, 07:05:23 PM
I don't get it. You say that you can edit style.css, and the changes don't show up in your forum. However, you can replace style.css with a different one, and you see the changes? That leads me to suspect that you're editing the wrong file, but replacing the right one. Or, you're editing incorrectly and the resulting CSS is ignored. You have checked that your edits are saved in the file, and are still there when you go back in?

From your earlier confusion about permissions, you still may not be using them correctly. Directories (folders) should be 755 (rwxr-xr-x). Files (including style.css) should be 644 (rw-r--r--). If it's not readable by "everyone", it may be falling back to the default theme's style.css.
Title: Re: Changes in style.css won't take effect
Post by: jcommander on December 13, 2009, 04:06:30 PM
Thank you MrPhil and the rest of the staff, I uploaded a theme called Waltz, then made some editing and almost got what I want. Im sorry if I led you guys to any confusion. Also please bear with me that my first language is Spanish. Im happy with your support and keep up the good work!  8) 8) 8)