MyBB Community Forums
[How To?] How to make your forum squared? - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: 1.8 Support (https://community.mybb.com/forum-175.html)
+--- Forum: General Support (https://community.mybb.com/forum-176.html)
+--- Thread: [How To?] How to make your forum squared? (/thread-194891.html)



How to make your forum squared? - Dizzygaming - 2016-06-29

I've completely forgot what it's called but I'll describe it well!

Right basically it's the thing that is at the top of sections which comtain they category name.

On the default them it's rounded I want it to be squared and a flat design how do I do this?


RE: How to make your forum squared? - .m. - 2016-06-29

open css3.css stylesheet of the theme in advanced edit mode and use comment tags for the entire code
by adding /* at the beginning of the first line and */ at the end of the last line
save the stylesheet and hard refresh your browser (eg. press CTRL + F5) on index page & check


RE: How to make your forum squared? - Dizzygaming - 2016-06-29

(2016-06-29, 05:23 PM).m. Wrote: open css3.css stylesheet of the theme in advanced edit mode and use comment tags for the entire code
by adding /* at the beginning of the first line and */ at the end of the last line
save the stylesheet and hard refresh your browser (eg. press CTRL + F5) on index page & check

Wow thanks very much! I didn't realise it was so simple.


RE: How to make your forum squared? - User 6029 - 2016-10-09

(2016-06-29, 05:07 PM)Dizzygaming Wrote: I've completely forgot what it's called but I'll describe it well!

Right basically it's the thing that is at the top of sections which comtain they category name.

On the default them it's rounded I want it to be squared and a flat design how do I do this?

Change your css3.css to something like this:

/*
* File: css3.css 
*/

tr td.trow1:first-child,
tr td.trow2:first-child,
tr td.trow_shaded:first-child {
    border-left: 0;
}

tr td.trow1:last-child,
tr td.trow2:last-child,
tr td.trow_shaded:last-child {
    border-right: 0;
}

.tborder {
    width: 100%;
    margin: auto auto;
    border: 1px solid #0F5C8E;
}

.tborder tbody tr:last-child td {
    border-bottom: 0;
}

.tborder tbody tr:last-child td:first-child {
}

.tborder tbody tr:last-child td:last-child {
}

.thead {
}

.thead_collapsed {
}

.thead_left {
}

.thead_right {
}

.tcat_menu {
}

.tborder tbody:nth-last-child(2) .tcat_collapse_collapsed {
}


input.textbox,
input.invalid_field,
input.valid_field,
select,
textarea {
}

button,
input.button,
.editor_control_bar,
.pm_alert,
.red_alert,
.popup_menu,
.postbit_buttons > a,
a.button {
   -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

button,
input.button,
.editor_control_bar,
.pm_alert,
.red_alert,
.popup_menu,
.postbit_buttons > a,
a.button
.popup_menu,
.postbit_buttons > a,
a.button {
   -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.post.classic .post_author {
}

.popup_menu .popup_item_container:first-child .popup_item {
}

.popup_menu .popup_item_container:last-child .popup_item {
}

.pagination a {
}

.pollbar {
}