Not sure what to edit in CSS files

  • So, I installed a great plugin the other day (made for getting the recent phpBB thread list) and it works perfectly, but the problem is that it looks really ugly on the site itself. I can’t really seem to configure it in a way that will look good, or readable.

    Here’s what it looks like now:
    https://www.mideastyouth.com/forumtopics.JPG

    The red link is where my cursor is. So you know how the links work, it gives you the name of both the poster and the thread.

    How do I make this more attractive? Enough for people to actually read it without having to squint their eyes. And it’s also hard to know what’s going on. What I want to do is the following: have the “poster” and “topic” in a diferent color, and I need to put a space between the links.

    I was told to add some CSS styling to the output to change the look, how can I do this without affecting other things of the site? And what part of my style.php or style.css should I edit?

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

  • you’re going to edit style.css – and you’re going to have to ADD new styling classes or what have you. you’re not going to change them, but add new ones. then you’ll go to where the code is for the plugin and surround it in the div that contains all the classes you just added.

    Thread Starter Esra

    (@esra)

    Thanks, that makes more sense.

    Do you know what sort of code I’m supposed to add? I looked at some CSS tutorials and I’m not sure which example I should apply in this particular case.

    well it depends on what you want to change… for example

    #forum {
    font: 10px arial,verdana,sans-serif;
    padding:3px;
    margin: 5px 0;
    }

    to change the color of the links, you’d have to take the div and create a separate call

    #forum a{
    color: #cc6699;
    }

    Then wherever you have the code for the plugin, surround it with

    <div id="forum">code</div>

    It’s really pretty complicated to try to spell out for you here in the WP forums… your best bet would be to try to learn more about CSS and just use trial and error to get what you’re looking for…

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Not sure what to edit in CSS files’ is closed to new replies.