The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How to change "module" colors

Go down

In progress How to change "module" colors

Post by Guest 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
Guest
Guest


Back to top Go down

In progress Re: How to change "module" colors

Post by Nera. 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.
Nera.
Energetic

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

View user profile

Back to top Go down

In progress Re: How to change "module" colors

Post by Guest 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
Guest
Guest


Back to top Go down

In progress Re: How to change "module" colors

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

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

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

View user profile

Back to top Go down

In progress Re: How to change "module" colors

Post by Guest July 14th 2011, 9:47 pm

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

How to change "module" colors Ex96410

But the navigation looks good on my forum also Smile

Any code for the picture example?
avatar
Guest
Guest


Back to top Go down

In progress Re: How to change "module" colors

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

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

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

View user profile

Back to top Go down

In progress Re: How to change "module" colors

Post by Guest 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: https://servimg.com/view/16452155/12


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
Guest
Guest


Back to top Go down

In progress Re: How to change "module" colors

Post by Nera. 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.
Nera.
Energetic

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

View user profile

Back to top Go down

In progress Re: How to change "module" colors

Post by Guest July 14th 2011, 10:03 pm

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


Back to top Go down

In progress Re: How to change "module" colors

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

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

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

View user profile

Back to top Go down

In progress Re: How to change "module" colors

Post by Guest 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: https://help.forumotion.com/t78982-sliding-log-in-panelneed-help?highlight=sliding+log+in

But I couldn't figure it out Sad
avatar
Guest
Guest


Back to top Go down

Back to top

- Similar topics

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