You can do it in the CSS.
ul#tag-list li { display: inline; }
you may meed to do some more CSS edits on other elements to make it all fit correctly and look good.
I can’t seem to find exactly where to put that code?
Any help?
in your theme’s stylesheet (style.css)
I put the code in style.css and it’s not refecting the change.
Is there a specific area in style.css where the code has to go?
No, we just need to include CSS.
Take a look at the page source, its tags-list not tag-list
try ul#tag-list li { display: inline; }
/* Structure
=================================== */
#wrapper {
width: 1023px; /* controls the main width of the page, if changed also change #content and .sidebar */
margin: 0 auto;
padding: 0px 0 25px 0;
border: 1px solid #FFFFFF;
border-top: none;
background: #333333;
text-align: left;
}
ul#tag-list li { display: inline; }
#spacer {
height: 25px;
background: white;
}
Since you don’t need to put it in any specific place, I put it there. As an example. Although, the changes are still not being made.
sorry, it’s actually
ul#tags-list li (missed the s off)
I think you need to do some reading about stylesheets and how they work. It’s quite straight forward and will stand you in good stead.
It’s still not working. I’m very sorry, I’m new too all this. Only recently got into it as it sparked an interest…
after you have made the changes you need to a do a hard refresh, to force the browser to read the updates stylesheet – it has the old one cached.
May I suggest you use Firefox, and get the Firebug extension so you can look at all the code correctly.
/* Structure
=================================== */
#wrapper {
width: 1023px; /* controls the main width of the page, if changed also change #content and .sidebar */
margin: 0 auto;
padding: 0px 0 25px 0;
border: 1px solid #FFFFFF;
border-top: none;
background: #333333;
text-align: left;
}
ul#tags-list li { display: inline; }
#spacer {
height: 25px;
background: white;
}
#title {
height: 0px;
background: 222222;
margin-bottom: 1px;
}
Ok that’s how i’ve placed the code in my style.css
I use Firefox and tried a hard refresh, but the updates are still not showing. So i’m guessing it’s a problem with the placement of the code. That’s the only code i’ve put it. The above is exactly how it is in my style.css
I’ve just had a look at your site. Your tags show in the bottom right corner of the page, as if it’s included in your footer.php file.
In your topic.php file all the tag code
id="topic-tags" etc.
needs to be put inside
div class="infobox"
then you can start styling it correctly.
That’s where I had it originally, but when multiple tags are inserted it stretches the page down and looks untidy.
I tried putting it at the bottom, next to “close thread etc” but is there any way of getting ridd of the line underneath that?
