Chatbox

You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Border for homepage message (phpbb3) on 24/3/2012, 7:26 am

magicm00n

avatar

Member
How can I add a border for the homepage message using CSS?

View user profile

Vanilla990

avatar

Administrator
Could you provide a link to your forum please so I can take a further look?

I've just put a homepage message onto my person forum and it already has a border around it and it's one of the default themes so I want to check which theme you are using so I can specify how to add the border you are after Smile

View user profile

magicm00n

avatar

Member
Hi, I'm also using a default phpbb3 theme.

This is my test forum: testdummy.forum.st

View user profile

Vanilla990

avatar

Administrator
Ok, try going into the Admin Panel and going to "Display > Pictures & Colors - Colors". Once in there, go to the CSS tab and paste in the following code.

Code:

.panel {
background-color: #ECF3F7;
color: #536482;
margin-bottom: 4px;
padding: 0 10px;
border:1px solid /*Enter colour code here */;
}
Make sure to replace the whole "/*Enter colour code here*/" with the hex color code like "#FFFFFF" for white.

You can also change the width of the border and the line type by replacing the "1px" for the width size and the "solid" for the line type. For more information on border css check out: http://www.w3schools.com/css/css_border.asp

View user profile

magicm00n

avatar

Member
Thanks^^!

Btw can you tell me how you know which part of the CSS to modify(ex: ".panel" is the homepage message) because I would like to add more borders for other parts of the forum.

View user profile

Drogba921

avatar

Administrator
Im guessing Vanilla990 has Google Chrome. If you have google Chrome, you can right click something that you'd like to edit, and click "Inspect Element". On the right side it will display all of the CSS that's related to it Smile

View user profile http://www.codinghelp.org

magicm00n

avatar

Member
Owh okay, thanks!

View user profile

Vanilla990

avatar

Administrator
Yeah, I use Google Chrome which is really useful for web development due to the right click "Inspect Element" function. I believe you can also do a similar thing in Firefox and also in Internet Explorer by using the Developers Console.

View user profile

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

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