MyBB Community Forums

I'm using Mybb 1.8.19 with the default theme. But my forum index page looks slight different comparing to this Mybb-forum.

I like the fonts this Mybb forum uses, and also the white/grey lines. The first is grey, the second white, the third grey again and so on.
On my forum the letter-fonts are like Arial or so, and all the lines are white. Look at the picture below to see what I mean:



What can i do to get the same look like this MyBB-Community forum?

Try this theme, it will give you some of the style changes.
https://community.mybb.com/mods.php?acti...w&pid=1176

(2018-11-04, 04:16 PM)Ashley1 Wrote: [ -> ]Try this theme, it will give you some of the style changes.
https://community.mybb.com/mods.php?acti...w&pid=1176

Thanks Ashley1; this looks very simular comparing to the original MyBB community-forum.

(2018-11-04, 04:16 PM)Ashley1 Wrote: [ -> ]Try this theme, it will give you some of the style changes.
https://community.mybb.com/mods.php?acti...w&pid=1176

Please -> https://community.mybb.com/thread-220773.html

(2018-11-04, 04:16 PM)Ashley1 Wrote: [ -> ]Try this theme, it will give you some of the style changes.
https://community.mybb.com/mods.php?acti...w&pid=1176

The link is broken.

Please re-do the link.

Add to headerinclude:

<link href="https://fonts.googleapis.com/css?family=Asap:400,600,600i|Open+Sans:300,400,700" rel="stylesheet">

In global.css find all:

font-family:"whatever is current font";

And change to:

font-family:"Open Sans",sans-serif;

*Also since the op asked about such you could for the thead, tcat, trow1, trow2 etc etc, try:

table {
    color: #333;
    font-size: 14px;
}

.tborder {
    background: #fff;
    width: 100%;
    margin: auto auto;
    padding: 1px;
    border: 1px solid #e7e7e7;
}

.tfixed {
    table-layout: fixed;
    word-wrap: break-word;
}

.thead {
    color: #fff;
    background: #007fd0;
    border: none;
    font-size: 1.1em;
    padding: 8px 12px;
}

.thead a:link {
    color: #fff;
    text-decoration: none;
}

.thead a:visited {
    color: #fff;
    text-decoration: none;
}

.thead a:hover,
.thead a:active {
    color: #fff;
    text-decoration: underline;
}

.tcat {
    color: #fff;
    font-size: 12px;
    background: #444;
    padding: 8px 12px;
    border: none;
}

.tcat a:link {
    color: #fff;
}

.tcat a:visited {
    color: #fff;
}

.tcat a:hover,
.tcat a:active {
    color: #fff;
}

.trow1 {
    background: #fafafa;
    padding: 8px 12px;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.trow2 {
    background: #f6f6f6;
    padding: 8px 12px;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}