How to change "module" colors

Go down

In progress How to change "module" colors

Post by Techykid3 on July 14th 2011, 8:21 pm

How do I change the module background and border colors? I have tried to look in the css but I can't find where to change this. Where do I go, or what css code do I put in to change this. Like heres what I mean by module: the "recent topics" and "navigation" and "statistics" that are on the portal.

Any ideas?
avatar
Techykid3
New Member

Male Posts : 12
Reputation : 0
Language : English

Back to top Go down

In progress Re: How to change "module" colors

Post by Nera. on July 14th 2011, 9:34 pm

Hi,

Forum version, forum link?
In phpBB3 you need to find this in CSS
Code:
.module {
    background-color: red;
    color: #666666;
    margin-bottom: 4px;
    overflow: hidden;
    padding: 0 10px;
}
Change:
1. Background-color: to your code
2. Add border: 1px solid #your color code here; etc.
If you have an empty CSS add it to CSS.
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: How to change "module" colors

Post by Techykid3 on July 14th 2011, 9:38 pm

Perfect! Thank You! But I have another question: Since that makes an outer border, how do I put a single border below e.g. "Navigation" Like a Line under it such as how it is on this forum.
avatar
Techykid3
New Member

Male Posts : 12
Reputation : 0
Language : English

Back to top Go down

In progress Re: How to change "module" colors

Post by Nera. on July 14th 2011, 9:41 pm

Try adding this to CSS
Code:
ul.navlinks {
    border-bottom-color: red;
}
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: How to change "module" colors

Post by Techykid3 on July 14th 2011, 9:47 pm

That was for a border ground the navigation. I meant like this:



But the navigation looks good on my forum also Smile

Any code for the picture example?
avatar
Techykid3
New Member

Male Posts : 12
Reputation : 0
Language : English

Back to top Go down

In progress Re: How to change "module" colors

Post by Nera. on July 14th 2011, 9:52 pm

Is it a module or navi? Can I see a link to it please?
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: How to change "module" colors

Post by Techykid3 on July 14th 2011, 9:54 pm

Its a module. I drew the line with paint.net. Its like an underline right under the word "QUICK REPLY". Its like an <hr> right under the module name.

Link to picture: http://www.servimg.com/image_preview.php?i=12&u=16452155


Last edited by Techykid3 on July 14th 2011, 9:54 pm; edited 1 time in total (Reason for editing : Added forgotten link to picture.)
avatar
Techykid3
New Member

Male Posts : 12
Reputation : 0
Language : English

Back to top Go down

In progress Re: How to change "module" colors

Post by Nera. on July 14th 2011, 10:02 pm

It would take a second if I could see it Wink

If its a module try adding this to CSS
Code:
.h3, h3 {
    border-bottom: 1px solid #1675BC;
}
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: How to change "module" colors

Post by Techykid3 on July 14th 2011, 10:03 pm

Perfecto! One more question: Is it possible to have rounded edges with no images involved?
avatar
Techykid3
New Member

Male Posts : 12
Reputation : 0
Language : English

Back to top Go down

In progress Re: How to change "module" colors

Post by Nera. on July 14th 2011, 10:08 pm

Add this also
Code:
.module {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: How to change "module" colors

Post by Techykid3 on July 14th 2011, 10:15 pm

Wow, thanks for your help!! This made my forum alot more cooler than it was before you helped me! I have one last question, but it involves javascript (a dropdown login box): http://web-kreation.com/demos/Sliding_login_panel_jquery/# And I tried to use this tutorial: http://help.forumotion.com/t78982-sliding-log-in-panelneed-help?highlight=sliding+log+in

But I couldn't figure it out Sad
avatar
Techykid3
New Member

Male Posts : 12
Reputation : 0
Language : English

Back to top Go down

Back to top


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