Re: Urbanize theme help needed! [Theme and template troubleshooting]

1

Urbanize theme help needed!

2005/10/6 7:45
roujinz
Just popping in
Posts: 32
Since: 2005/10/5

I have recently installed the urbanize theme that i got from the library but it is not displaying correctly in the forums. Topics and descriptions are showing up white on white and are unreadble.

Can someone please help me correct this? I am a noob to xoop so i could just be overlooking something. Thanks!

http://www.clanzunited.com
xoops 2.2.2
cbb 2.2
is_urbanize theme

-roujinz

2

Re: Urbanize theme help needed!

2005/10/6 8:21
bluenova
Posts: 1022
Since: 2004/4/10

I think you will need to edit your style.css file in your theme directory. I'm not sure exactly what, but make a backup of it and play around, till the sites looking how you want it.

3

Re: Urbanize theme help needed!

2005/10/6 10:15
roujinz
Just popping in
Posts: 32
Since: 2005/10/5

Unfortunately I am a total noob to CSS so i wouldnt know the first place to look or the first thing to change. if someone could point me in the right direction as far as a link i can go to or what to look in the for in the CSS file i would greatly appreciate it!

Thanks.

4

Re: Urbanize theme help needed!

2005/10/6 10:41
JMorris
XOOPS is my life!
Posts: 2722
Since: 2004/4/11

Looking at your source code...

 <td class="odd"> 
        <div id="index_forum"> 
              <span class="item"><a href="http://clanzunited.com/modules/newbb/viewforum.php?forum=18">Welcome Message!a> 
                            <br>New Members Should Read This First! 
              span>

You can see that odd, index_forum, and item are the relavent CSS entries to start looking at. You may want to try adding the following to your style.css file...

.item a {background-color: #333333;}

Hope this helps.

James

Insanity can be defined as "doing the same thing over and over and expecting different results."

Stupidity is not a crime. Therefore, you are free to go.

5

Re: Urbanize theme help needed!

2005/10/6 22:10
roujinz
Just popping in
Posts: 32
Since: 2005/10/5

OK I looked at style.css and it seems to me that that color code is already in the style sheet coding.
Here is a link to my style.css:
Style.css

Like i mentioned before i am not familiar with working with css so i wouldnt know where the problem would be or how to add any coding.
what i can tell is that the regular menus on the side blocks act the way they should be and that only the forum titles act in reverse of what they are supposed to be.
ie: orange font that turns to a white highlight on mouseover.
the forum titles seem to do the opposite: a white highlight that turns the font to orange on mouseover but the white highlight stays.
so i am assuming that the coding is just getting reversed.
i have tried some other themes and it only happens with the urbanize theme.

again i do apologize for being such a noob.

thanks!

6

Re: Urbanize theme help needed!

2005/10/7 0:36
JMorris
XOOPS is my life!
Posts: 2722
Since: 2004/4/11

Dowload your style.css file.
Open it with a text editor.
Add the following line to the file (just copy and paste it in).

.item a {background-color: #333333;}

Save the file.
Upload it to your webserver, overwriting the original.
Load your webpage in your browser and click refresh.

This *should* get rid of the white background on the forum. Let us know if this solves your problem.

Best Regards,

James

Insanity can be defined as "doing the same thing over and over and expecting different results."

Stupidity is not a crime. Therefore, you are free to go.

7

Re: Urbanize theme help needed!

2005/10/7 0:41
Lance_
Home away from home
Posts: 983
Since: 2004/1/12

Change line 460

background: #eaedf4;
to
background: #313031;

And on line 9 background-color: 333333;
That color will not work since it is missing the "#" sign in front. Not sure if you want it or not.

Cheers.

Note: changing the color above may have an effect elsewhere, so be careful, and if it does mess something else, we'll need to look at another color change.

GDL-Web.com :: Website development.
Xoopslance.com::Freelancing and Projects
thelionsden-arena.net:: Clan/League/Ladder Hosting

8

Re: Urbanize theme help needed!

2005/10/7 0:43
mickbriz
Not too shy to talk
Posts: 114
Since: 2005/3/26

Quote:

roujinz wrote:
OK I looked at style.css and it seems to me that that color code is already in the style sheet coding.
Here is a link to my style.css:
Style.css

I have looked at your link, if you look at line 460.

460 background: #eaedf4;

You need to change it to

460 background: #333333;

Then it will work ok.

This is how to change it.

1. Open your is_urbanize folder
2. Open the style.css file with Notepad
3. Scroll down and change #eaedf4 to #333333

.item {
background: #eaedf4;

4. Click File then Save and you are done.
5. This is what your style.css file will look like when it as been edited.

 html { 
    scrollbar-3dlight-color:#d1d7dc; 
    scrollbar-arrow-color:#555555; 
    scrollbar-darkshadow-color:#555555; 
    scrollbar-face-color:#efefef; 
    scrollbar-highlight-color:#ffffff; 
    scrollbar-shadow-color:#efefef; 
    scrollbar-track-color:#eaedf4; 
} 
 
body{ 
    background:#515151; 
    color:#ffffff; 
    font:11px Verdana,Arial,Helvetica,sans-serif;margin:8px; 
    padding:0; 
} 
 
td.banner{ 
    text-align: right; 
    padding:5px; 
    background-image: url('images/tile.gif'); 
    height: 70px;   
} 
 
td.topnav{ 
    color:#efefef; 
    font-weight: bold; 
    text-align: center; 
    vertical-align: middle;     
    background-image: url('images/cellpic3_a.gif'); 
    height:28px; 
    width: 100%; 
    border: solid 1px #999999; 
} 
 
 
a:link, a:active, a:visited {  
    font-family: Verdana, Arial, Helvetica, sans-serif;  
    font-size: 11px;  
    text-decoration: none;  
    color: #efefef;  
} 
a:hover {  
    text-decoration: none;   
    font-family: Verdana, Arial, Helvetica, sans-serif;  
    font-size: 11px;  
    text-decoration: none; 
    color: #ff8c00;  
    font-style: normal 
} 
 
.outline{ 
    background: #515151; 
    border-left: solid 1px #333333; 
    border-top: solid 1px #333333; 
    border-right: solid 1px #000000; 
    border-bottom: solid 1px #000000; 
} 
table {  
    width: 100%;  
    margin: 5;  
    padding: 5; 
    font-size: small 
} 
table td {  
    padding: 0px;  
    border-width: 0;  
    vertical-align: top;  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
} 
 
 
td {   
    font-family: Verdana, Arial, Helvetica, sans-serif;  
    color: #efefef;  
    font-size: 11px; 
    border-top-width : 1px;  
    background: #515151; 
    border-right-width : 1px;  
    border-bottom-width : 1px;  
    border-left-width : 1px;     
} 
 
td.header {     
    text-align: left; 
    vertical-align: middle; 
    background-image: url('images/tile.gif'); 
    height: 70px;     
} 
 
 
 
input {  
    color : #555555; 
    font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;   
} 
 
textarea { 
    color : #555555;     
    font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
    border: solid 1px #000000; 
} 
select { 
    color : #000000; 
    font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
    border-color : #000000;  
}  
img {  
    border: 0px none; 
} 
ul {  
    margin: 2px;  
    padding: 2px;  
    list-style: decimal inside;  
    text-align: left; 
} 
li {  
    margin-left: 2px;  
    list-style: disc inside; 
} 
 
.odd {  
    background-color: #333333; 
    text-align: left; 
         
} 
.outer {  
    background-color: #000000; 
    text-align:left; 
} 
.even {  
    background-color: #333333; 
             
} 
th {  
    background-image: url('images/cellpic3_a.gif');  
    text-align: left;  
    padding: 5px; 
} 
 
 
.head {  
    color: #ffffff;  
    font-size: 11px;  
    font-weight : bold;  
    height: 25px; 
    background-color: #666666; 
    vertical-align: middle;     
} 
.foot {  
    background-color: #666666;  
    padding: 3px; 
} 
 
.comTitle { 
    color: #ffffff;  
    font-size: 11px;  
    font-weight : bold; 
    background: #999999; 
    height: 23px; 
    text-align: left; 
    padding-top: 7px; 
    padding-left: 10px;     
 
} 
.comText { 
    padding: 20px; 
    text-align: left;          
} 
.comUserStat { 
    font-size: 10px;  
    color: #555555;  
    font-weight:bold;  
    border: 1px solid #cccccc;  
    background-color: #cccccc;  
    margin: 2px; padding: 2px; 
} 
.comUserStatCaption { 
    font-weight: normal; 
} 
.comUserStatus { 
    margin-left: 2px;  
    margin-top: 10px;  
    color: #006699;  
    font-weight:bold;  
    font-size: 10px; 
} 
.comUserRank { 
    margin: 2px; 
} 
.comUserRankText { 
    font-size: 10px; 
    font-weight:bold; 
} 
.comUserRankImg { 
    border: 0px none; 
} 
.comUserName {} 
.comUserImg { 
    margin: 2px; 
} 
.comDate { 
    color: #00396a; 
    font-weight: normal;  
    font-style: italic;      
    font-size: smaller; 
    text-align: right;     
} 
.comDateCaption { 
    color: #00396a; 
    font-weight: bold;  
    font-style: normal; 
    text-align: right;     
} 
 
div.xoopsCode {  
    background: #515151 ;  
    border: 1px solid #000000; 
    color:#ffffff;      
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;  
    padding: 0px 6px 6px 6px; 
} 
 
div.xoopsQuote {  
    background: #515151;  
    border: 1px solid #000000; 
    color:#ffffff;      
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;  
    padding: 0px 6px 6px 6px; 
} 
 
 
.item { 
    background: #333333; 
     
} 
.itemHead { 
    color: #efefef;  
    font-size: 13px;  
    font-weight : bold; 
    background-image: url(images/cellpic3.gif); 
        border: 1px solid #000000;  
    height: 18px; 
    padding-top: 7px; 
    padding-left: 7px; 
    text-align: left;     
} 
.itemInfo { 
    text-align: right;  
    padding: 3px;  
    background-color: #333333; 
} 
.itemTitle a { 
    font-size: 100%;  
    font-size: 11px;     
    font-weight: bold;  
    font-variant: small-caps;  
    color: #ffffff;  
    background-color: transparent; 
} 
.itemPoster { 
    color: #efefef; 
    font-size: 90%;  
    font-style: normal; 
} 
 
 
.itemPostDate { 
    font-size: 90%;  
    font-style: normal; 
} 
.itemStats { 
    color: #efefef; 
    font-size: 90%;  
    font-style: normal; 
} 
.itemBody { 
    color: #efefef; 
    background-color: #666666; 
    padding-left: 5px;  
    text-align: left; 
    border: solid 1px #d9e2ec; 
             
} 
.itemText { 
    color: #000000; 
    margin-top: 5px;  
    margin-bottom: 5px;  
    line-height: 1.5em; 
} 
 
.itemFoot { 
    text-align: right;  
    padding: 3px;  
    background-color: #333333; 
} 
.itemAdminLink { 
    font-size: 90%; 
} 
.itemPermaLink { 
    font-size: 90%; 
} 
 
.blockTitle { 
    color: #efefef; 
    font-size: 13px; 
    font-weight: bold; 
    text-align: center; 
    background-image: url(./images/cellpic3.gif); 
    border: 1px solid #000000;  
    height: 22px; 
    vertical-align: middle; 
} 
 
.blockTitle2 { 
    color: #ffffff; 
    font-weight: bold; 
    font-size: 11px; 
    text-align: left;     
    background-image: url(./images/cellpic3.gif); 
    border: 1px solid #999999;  
    height: 18px; 
    vertical-align: top; 
    padding: 1px;     
} 
 
.blockContent { 
    background-color: #666666;  
    padding: 5px; 
    border: solid 1px #cccccc; 
    line-height:133%; 
    text-align: left; 
} 
 
 
.blockContent2 { 
    background-color: #666666;  
    padding: 5px; 
    line-height:133%; 
    text-align: left; 
} 
.pointer { 
    cursor: hand; 
} 
 
td#mainmenu a { 
    color:#ff9933; 
    background-color: #666666; 
    display: block; 
    margin: 0; 
    padding: 2px; 
    font-weight: bold; 
} 
td#mainmenu a:hover { 
    color:#666666; 
    background-color: #ffffff; 
    font-weight: bold; 
} 
td#mainmenu a.menuTop { 
    padding-left: 3px;  
 
} 
td#mainmenu a.menuMain { 
    padding-left: 3px;  
} 
td#mainmenu a.menuSub { 
    padding-left: 9px;  
    font-weight: bold; 
} 
 
td#usermenu a { 
    color:#ff9933; 
    background-color: #666666;  
    display: block;  
    margin: 0;  
    padding: 2px;  
    font-weight: bold; 
} 
td#usermenu a:hover { 
    color:#666666; 
    background-color: #ffffff; 
    font-weight: bold; 
} 
 
td#usermenu a.highlight { 
    background-color: #fcc; 
}