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

Conquer Drupal 8 Module Development

Don't struggle to conquer Drupal 8 module development. Action packed lessons where you will work along building your own real world modules.

20% launch discount available now!

Find out more


Add new comment