How to change "module" colors Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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

    avatar
    Guest
    Guest


    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?
    Nera.
    Nera.
    Energetic


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

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


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


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

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


    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?
    Nera.
    Nera.
    Energetic


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

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


    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.)
    Nera.
    Nera.
    Energetic


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

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


    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?
    Nera.
    Nera.
    Energetic


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

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


    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