Forum

Authors names too c...
 
Notifications
Clear all

Authors names too close together on elegence skin.

Page 2 / 2
DanaRose31382
(@danarose31382)
Trusted Member

Okay I tried everything. When I try the most recent thing it says Most Recent on my index page but none of the stories come up. Then when I put in the code in that Carissa gave me in the style.css it didn't do anything. Am I doing something wrong?

ReplyQuote
Topic starter Posted : 10/07/2009 5:59 am
Lyndsie
(@lyndsie)
Member Moderator

Is Recent block initialized and set to Active or Index Only? (Index Only is preferable as it uses fewer resources.) I don't remember, either. Does yours have a variables.php? It shouldn't, but if it does, then check there also.

For us to know if you did something wrong, you should post what you did.

ReplyQuote
Posted : 10/07/2009 4:08 pm
DanaRose31382
(@danarose31382)
Trusted Member

Zenlike has a variables.php but elegence doesn't. I did exactly what I was told. I put in the recent block just like I did all the other blocks and then I put in the code Carissa gave me at the bottom of the style.css like she said. It had no effect. The most recent block said most recent but the stories didn't come up. I'll have to try again tonight, but if you have any idea what it could be please let me know.

ReplyQuote
Topic starter Posted : 10/07/2009 7:12 pm
Lyndsie
(@lyndsie)
Member Moderator

I meant for you to copy and paste in your index.tpl and the bottom few sections of your style.css. But never mind, I'll pull it myself.

It doesn't look like anything's different than yesterday when I looked at it, and the style.css file doesn't have any .column in there. Did you revert back? I'm guessing you did because the recent stories are showing up on the index page.

You didn't say whether you have recent block initialized and turned on, so I can't know whether or not that's the cause of the most recent contents not appearing when you use {recent_content}. You can check this in Admin > Blocks.

As for the .column suggestion Carissa made, it's not on the list of Harcoded CSS ids/classes in the wiki, and it's not in the default.tpl in default_tpls (the only thing in there is three includes and {output}). So this means you have to actually put <div class="column"></div> surrounding the {output} in order for it to work.

ReplyQuote
Posted : 10/07/2009 8:56 pm
DanaRose31382
(@danarose31382)
Trusted Member

Yes I did revert back because it wasn't working. The names were still too close together and still are. The categories are like that too. I have the recent block turned to on but it doesn't make a different. When I put in the recent block code it doesn't work. Now I'm really not worried about it since the stories are showing up. I have no problem with all the information showing. it's not that bit a deal to me. However, I would still like to seperate the stories or make them look like they do on CSSZEN. So that they don't all look smashed together. I used the exact coding from CSSZEN but apparently it doesn't make everything look the same. Anyways, I had to revert back for the most recent stories because my site is live now. And for the members/authors/categories names I reverted back because I was afraid I had done something wrong. I had put it exactly as writen on the bottom. This is what my CSS looks like on Elegence.

/* Some definitions used everywhere */
body {
margin: 0px;
padding: 0px;
background-color: #BDCC6D;
color: #3B4325;
line-height: 1.2em;
font-family: verdana, arial, san-serif;
font-size: 90%;
}

/* links */
a {
color: #333;
font-weight: bold;
text-decoration: underline;
}
/* hovering links */
a:hover {
text-decoration: underline;
}

/*small fonts */
.small {font-size: 80%;}

/*rounded top corners used in various places */
.tl {background: #758F39 url(images/tl.gif) no-repeat top left;}
.tr {background: url(images/tr.gif) no-repeat top right;}

/* Left and right floats used in some blocks */
.left {float: left; width: 55%; text-align: left;}
.right {float: right; width: 30%; text-align: right;}
.clear {clear: both;}

/* the background of the banner. this allows us to make the banner fit the width of the page, no matter how wide */
#bannerback {
height: 150px;
margin: 0px; 
background: #B5C9BA url('images/back.gif') repeat top left;
}

/* the image in the banner */
#banner {
height: 150px;
margin: 0px;
background: url('images/elegance.jpg') no-repeat top left;
}

/* search engines like headings so we will use them for sitename and
slogan, but we don't want them to appear on the page and mess up our banner */
#banner h1, #banner h2 {display: none;}

/* The location of the div containing the skin change drop menu  in the banner area */
#skin {
position: absolute;
right: 50px;
top: 25px;
}
/* The location of the div containing the RSS link in the banner area */
#rss {
position: absolute;
right: 50px;
top: 55px;
}

/* the following defines your menu below the banner div */
#menu {
position: absolute;
top: 98px;
right: 0px;
text-align: right;
color: #517059;
font-weight: bold;
font-size: 95%;
}

/*The rounded off left edge image.*/
#menu ul {
margin: 0px;
background: #758F39 url(images/bl.gif) no-repeat bottom left; padding: 5px;
}

#menu ul li {display: inline; padding: 1px;}

/* links in the menu */
#menu a {
color: #CEDCAE;
font-weight: bold;
font-size: 95%;
text-decoration: none;
text-transform: uppercase;
border-right: 1px solid #CEDCAE;
padding: 0px 5px;
}

/* Hovered links in the menu */
#menu a:hover {
color: #CEDCAE;
background: #93B348;
border-right: 1px solid #CEDCAE;
}

/* The link for the currently displayed page in the menu */
#menu #current {text-decoration: underline;}

/* end menu setup */

/* the footer box at the bottom of the page */
#footer {
padding: 0px;
border-top: 5px solid #758F39;
text align: center;
clear: both;
}

/* End universal page setup */

/*Index page*/
/*left and right columns--line-height fixes a disappearing float IE bug */
#leftindex {
width: 25%;
float: left;
line-height: 1.3em;
}

#rightindex {
width: 25%;
float: right;
line-height: 1.3em;
}

#middleindex {margin: 3px 26%;}

/* This controls the look of the blocks on a few pages  */
/* The box around the block */
.block {margin: 0px 0px 15px 0px;}

/* The block's title */
.block .title {
color: #CEDCAE;
font-weight: bold;
text-align: center;
padding: 4px;
}

.block .newstitle, .block .storytitle {
color: #CEDCAE;
font-weight: bold;
text-align: left;
padding: 4px 7px 0px 7px;
}

/* The block's content */
.block .content {
background: #FFFFFF;
border-top: 5px solid #758F39;
border-right: 1px solid #758F39;
border-bottom: 5px solid #758F39;
border-left: 1px solid #758F39;
padding: 5px;
}

.block .bottom {
color: #CEDCAE;
background: #758F39;
padding: 2px 5px;
font-weight: bold;
font-size: 80%;
}

/*main content on the page */
#mainpage {margin: 0px 2%;}

#pagetitle, .sectionheader {
text-align: center;
font-weight: bold; 
font-size: 105%;
margin: 10px;
}

/* Where there's a list of alphabet links #alphabet controls their look. Just to make things simpler #pagelinks controls the look of the links at the bottom of multi-page results and will be set here too. Generally, they look alike.*/
#alphabet, #pagelinks {
text-align: center;
font-size: 13px;
margin: 1em 0;
line-height: 25px;
}

#alphabet a, #pagelinks a {
background: #758F39;
border: 1px solid #000;
padding: 2px 4px;
margin: 0;
text-decoration: none;
color: #CEDCAE;
}

#alphabet a:hover, #pagelinks a:hover {
background: #CEDCAE;
border: 1px solid #000;
padding: 2px 4px;
margin: 0;
text-decoration: none;
color: #758F39;
}

#alphabet #currentletter, #pagelinks #currentpage {
background: #CEDCAE;
color: #758F39;
border: 1px solid #000;
padding: 2px 4px;
margin: 0;
text-decoration: none;
font-weight: bold;
}

#sortform {text-align: center; margin: 10px;}

/* To center column divs so they don't look so off-balance. This is for 2 columns. You'll want to play with the width if you have more */
#columncontainer {
margin: 5px auto;
width: 60%;
min-width: 60%;
text-align: center;
}
html>body #columncontainer {text-align: left;}

.jumpmenu, #sort {margin: 5px;}

.notes {margin: 5px auto; width: 65%; min-width: 65%; text-align: center;}
html>body .notes {text-align: left;}

#story {padding: 0px 10px;}

The following declarations control the tabs */
#tabs {
margin: 0;
padding: 0;
background: #758F39;
margin-bottom: 1em;
}

#tabs ul {
padding: 3px 0; margin: 0;
border-bottom: 1px solid #000;
font: bold 12px Verdana, sans-serif;
}

#tabs li {
list-style: none;
margin: 0;
display: inline;
}

#tabs li a {
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #000;
border-bottom: none;
background: #214263;
text-decoration: none;
color: #CEDCAE;
}

#tabs li a:hover {
color: #000000;
background: #369;
border-color: #000;
}

#tabs #active a {background:#BDCC6D; color: #758F39;}

I had put it right under this last line here. Did I do something wrong? I'm sorry I'm such a pain. Please forgive me. You've all been so wonderful and kind. Thank you for all the work that you do.

Dana

ReplyQuote
Topic starter Posted : 11/07/2009 4:30 am
Carissa
(@carissa)
Member Moderator

The suggestion I made should work. It worked when I tested it. All this stuff is hard-coded into the script so it's hard to change. I'm not sure where the width for the columns is coming from. If you can't override it in the CSS, then maybe you need to change the number of columns is your settings. Mine is set to 4 and my columns are 24%. I'm guessing yours are set to 10. Try changing it under admin>settings>display settings.

ReplyQuote
Posted : 11/07/2009 12:24 pm
DanaRose31382
(@danarose31382)
Trusted Member

I got them to go verticle by changing the collums to 1 instead of 10 or 4. Thanks for the suggestion! It worked like a charm! 🙂

ReplyQuote
Topic starter Posted : 11/07/2009 7:44 pm
Page 2 / 2
Share: