The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to change "module" colors

View previous topic View next topic 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?

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.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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.

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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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?

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?

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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.)

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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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?

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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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

Techykid3
New Member

Male Posts : 12
Reputation : 0
Language : English

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