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 Thu 14 Jul - 20:21

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. Thu 14 Jul - 21:34

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

Back to top Go down

In progress Re: How to change "module" colors

Post by Guest Thu 14 Jul - 21:38

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. Thu 14 Jul - 21:41

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

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

Back to top Go down

In progress Re: How to change "module" colors

Post by Guest Thu 14 Jul - 21:47

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. Thu 14 Jul - 21:52

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

Back to top Go down

In progress Re: How to change "module" colors

Post by Guest Thu 14 Jul - 21:54

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 Thu 14 Jul - 21:54; 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. Thu 14 Jul - 22:02

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

Back to top Go down

In progress Re: How to change "module" colors

Post by Guest Thu 14 Jul - 22:03

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. Thu 14 Jul - 22:08

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

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

Back to top Go down

In progress Re: How to change "module" colors

Post by Guest Thu 14 Jul - 22:15

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