Override Advanced Forum Colours

Advanced Forum (Drupal module) comes with a few variants on the theme. The following can be added to the sites main theme style sheet and adjusted to suit. This will override most of the colours of that come with Advanced Forum.

  1. /****************************************
  2. ** ADVANCED FORUM
  3. ** Add this to the themes main style sheet. Adjust the colour styles to override Advanced Forum's default colours
  4. ****************************************/
  5. #forum .title, #forum .title a{
  6. font-size: 1em;
  7. }
  8.  
  9. #forum .forum-table th, #forum .forum-topics th, #forum .forum-topics th a, #forum .forum-topics th a:link, #forum .forum-topics th a:hover, #forum .forum-topics th a:visited {
  10. background-color:#ED2893;
  11. color:#FFFFFF;
  12. font-weight:bold;
  13. }
  14.  
  15. #forum .forum-table, #forum .forum-topics {
  16. border:1px solid #ED2893;
  17. }
  18.  
  19. .post-info {
  20. background:#ED2893 none repeat scroll 0 0;
  21. border-bottom:1px solid #ED2893;
  22. color:#FFFFFF;
  23. }
  24.  
  25. .forum-post {
  26. border:2px solid #ED2893;
  27. }
  28.  
  29. .forum-post-wrapper {
  30. background-color:#EDF5FA;
  31. }
  32.  
  33. .forum-post-panel-main {
  34. background-color:#FFFFFF;
  35. border-left:1px solid #ED2893;
  36. }
  37.  
  38. .forum-post-footer {
  39. background-color:#FFFFFF;
  40. border-top:1px solid #ED2893;
  41. }
  42.  
  43. .post-title {
  44. border-bottom:1px solid #ED2893;
  45. font-weight:bold;
  46. }
  47.  
  48. .forum-post-links {
  49. background-color:#FFFFFF;
  50. border-left:1px solid #ED2893;
  51. }
  52.  
  53. #forum td.container {
  54. background-color:#F8AAD4;
  55. border-bottom:medium none;
  56. }
  57.  
  58. #forum .container .forum-details .description {
  59. color:#000;
  60. font-weight:normal;
  61. }
  62.  
  63. #forum-statistics {
  64. border:1px solid #ED2893;
  65. }
  66.  
  67. .forum-statistics-sub-header {
  68. background-color:#F8AAD4;
  69. font-weight:bold;
  70. }
  71.  
  72. #forum-statistics-header {
  73. background-color:#ED2893;
  74. color:#FFFFFF;
  75. font-weight:bold;
  76. }
  77.  
  78. .forum-folder-legend dd {
  79. font-size: 0.8em;
  80. }
  81.  
  82. #forum .pager, #forum-comments .pager {
  83. margin-bottom:5px;
  84. }
  85.  
  86. #forum .pager a.active, #forum-comments .pager a.active {
  87. background: none;
  88. color:#330066;
  89. }
  90.  
  91. #forum .pager a:link, #forum .pager a:visited, #forum-comments .pager a:link, #forum-comments .pager a:visited {
  92. border:1px solid #330066;
  93. }
  94.  
  95. #forum .pager-current, #forum .pager a:hover, #forum-comments .pager-current, #forum-comments .pager a:hover {
  96. color:#330066;
  97. }

If you liked this, you'll love my book, Master Drupal Module Development.

"..the must have drupal developers book"


Feeling stuck with Drupal 8 module dev?

Get the free 7 lesson course that will help you get started today without feeling overwhelmed.

  • Create Drupal modules with just a few commands using the Drupal Console
  • Create custom pages
  • Create custom blocks
  • Create admin forms
  • Demystify routers and controllers
  • Bonus material

Find out more


Add new comment