Choose from our various pricing plans. There is a package for everyone!


[CSS] How to change the background of Widgets

View previous topic View next topic Go down

[CSS] How to change the background of Widgets

Post by Stallmp on Sun Jan 19, 2014 3:25 pm

Hello everyone!
I will show you how to change the background color/image of the widgets. It's very simple, and it will work for every forum version.

1. Go to the Admin Panel
2. Click on the Display Tab
3. Edit the CSS Stylesheet

Then, add this to your CSS if you want to change the background COLOR (You can replace the #00000 to the color you want)
Code:

.module {
    background-color: #000000;
}




To change the background IMAGE add this to your CSS


Code:
.module {
    background-image: url("url-here");
}





Difficulty: Easy
Forum Version: Compatible for all forum versions
Result:



Author: Base


Last edited by Stallmp on Sun Jan 19, 2014 7:42 pm; edited 1 time in total
avatar
Stallmp
Member
Member

Age : 23
Posts : 227
Join date : 2014-01-10
Forum Version : PunBB
Reputation : 15

View user profile

Back to top Go down

Re: [CSS] How to change the background of Widgets

Post by Th1nK on Sun Jan 19, 2014 7:09 pm

The screen you show us is from this tutorial for the users control panel:
http://help.forumotion.com/t42100-control-panel-for-users
and the code is from here:
http://help.forumotion.com/t110628-how-to-change-widget-background-color
avatar
Th1nK
Administrator
Administrator

Posts : 468
Join date : 2012-04-06
Reputation : 43

View user profile http://www.csshelp.net

Back to top Go down

Re: [CSS] How to change the background of Widgets

Post by Stallmp on Sun Jan 19, 2014 7:41 pm

I used the control panel on my test forum and I forgot to add the credits
avatar
Stallmp
Member
Member

Age : 23
Posts : 227
Join date : 2014-01-10
Forum Version : PunBB
Reputation : 15

View user profile

Back to top Go down

Re: [CSS] How to change the background of Widgets

Post by Sponsored content


Sponsored content


Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum