Skip to:
Content
Pages
Categories
Search
Top
Bottom

Can I edit my tags?


  • andywilliams244
    Member

    @andywilliams244

    At the moment my tags are in a list, which causes a lot of empty space on my page when a lot of tags are entered. Is there any way I can change the coding to make it go in a line? Or Limit the amount? Or both?

    Thanks guys. :)

Viewing 12 replies - 1 through 12 (of 12 total)

  • Tom(dB)
    Participant

    @tomdebruin

    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.


    andywilliams244
    Member

    @andywilliams244

    I can’t seem to find exactly where to put that code?

    Any help?


    Ashfame
    Participant

    @ashfame

    in your theme’s stylesheet (style.css)


    andywilliams244
    Member

    @andywilliams244

    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?


    Ashfame
    Participant

    @ashfame

    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; }


    andywilliams244
    Member

    @andywilliams244

    /* 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.


    Tom(dB)
    Participant

    @tomdebruin

    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.


    andywilliams244
    Member

    @andywilliams244

    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…


    Tom(dB)
    Participant

    @tomdebruin

    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.


    andywilliams244
    Member

    @andywilliams244

    /* 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


    Tom(dB)
    Participant

    @tomdebruin

    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.


    andywilliams244
    Member

    @andywilliams244

    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?

Viewing 12 replies - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.