1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Anyone knows how I could solve this?

Discussion in 'BlackHat Lounge' started by deiwman, Oct 14, 2013.

Thread Status:
Not open for further replies.
  1. deiwman

    deiwman BANNED BANNED

    Joined:
    Feb 22, 2010
    Messages:
    544
    Likes Received:
    442
    I would like to change the color of some elements (some arrows and the line under the navbar ? I have attached an image with them surrounded with red) but can?t find anything that works. I am using the theme Responz from Themify and I would appreciate any help. The color of those elements can be changed only if I change the skin of the theme but there are only 8 skins available and I want a specific color.


    [​IMG]
     
  2. imm088

    imm088 Registered Member

    Joined:
    Dec 26, 2012
    Messages:
    88
    Likes Received:
    27
    use firebug find the css elements you want to alter, and apply custom css to that elements
     
    • Thanks Thanks x 1
  3. deiwman

    deiwman BANNED BANNED

    Joined:
    Feb 22, 2010
    Messages:
    544
    Likes Received:
    442
    Thanks for the advice.
    I was able to find all the 3 arrows: (however it seems that i can't select that line to see what's the id of the element - is there any other way?)
    - the arrow from the footer is: <p class="back-top">
    - the other two arrows have the same class: <span class="arrow">«</span>
    Let's say i want to apply the color #345234 to those elements, how should the custom css look like?
     
  4. fistor

    fistor Regular Member

    Joined:
    Feb 29, 2012
    Messages:
    256
    Likes Received:
    315
    Location:
    A mind needs books as a sword needs a whetstone, i
    Bottom arrow css:

    /* footer arrow custom color */
    .back-top a {
    background-color: #345234;
    }

    I'm not sure what the other arrows are, since you censored them. Couldn't find them in the demo I'm sorry :/
     
    • Thanks Thanks x 1
  5. Brentt

    Brentt Newbie

    Joined:
    Jul 30, 2010
    Messages:
    45
    Likes Received:
    104
    Occupation:
    Hitman
    Location:
    Sandbox
    Assuming you are using the original CSS file, search for the header, back-top and post-nav and change the background colors. It should look something like this:

    For the header horizontal bar:
    Code:
    #header {
        border-bottom: 4px solid [COLOR=#ff0000][B]#345234[/B][/COLOR];
        height: 220px;
        position: relative;
        z-index: 8000;
    }
    Bottom navigation
    Code:
    .back-top a {
        background: url("/images/arrow-up.png") no-repeat scroll center center [COLOR=#ff0000][B]#345234[/B][/COLOR];
        border-radius: 10em 10em 10em 10em;
        display: block;
        height: 30px;
        margin: 0 10px 10px 0;
        text-indent: -900em;
        width: 30px;
    }
    Page navigation (left - right arrows)
    Code:
    .post-nav span span {
        background: none repeat scroll 0 0 [COLOR=#ff0000][B]#345234[/B][/COLOR];
        border-radius: 10em 10em 10em 10em;
        color: #FFFFFF;
        display: block;
        float: left;
        font: 20px/100% "Times New Roman",Times,serif;
        height: 28px;
        margin: -6px 10px 17px 0;
        padding: 4px 0 0;
        text-align: center;
        width: 32px;
    }
    I just copied everything off as a guide, but that's basically it. Just change the colors where it's highlighted, or you can create custom elements.
     
    • Thanks Thanks x 1
  6. deiwman

    deiwman BANNED BANNED

    Joined:
    Feb 22, 2010
    Messages:
    544
    Likes Received:
    442
    Thanks everyone for the help, i really appreciate it! Thread closed.
     
Thread Status:
Not open for further replies.