Where is the Forum header located? 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.
5 posters

    Where is the Forum header located?

    avatar
    firn
    New Member


    Posts : 24
    Reputation : 1
    Language : English

    Solved Where is the Forum header located?

    Post by firn February 15th 2014, 11:32 pm

    http://wamidnight.forumotion.co.uk/

    I want to change my forum's header (the black bar that says 'getting started' on it), and I was wondering how I can go about doing that? Where is it located in the CSS?
    Kite Trojan
    Kite Trojan
    Forumember


    Male Posts : 823
    Reputation : 19
    Language : English

    Solved Re: Where is the Forum header located?

    Post by Kite Trojan February 15th 2014, 11:35 pm

    Do you mean changing the image or changing the name?
    Stephen-
    Stephen-
    Hyperactive


    Male Posts : 2542
    Reputation : 326
    Language :

    Solved Re: Where is the Forum header located?

    Post by Stephen- February 15th 2014, 11:38 pm

    Hi,

    For the location of your site's CSS:

    Go to your Admin Panel(Advance Mode) ~> Display ~>  Pictures & Colors ~> Colors ~> CSS Stylesheet

    is your forum version PunBB ?


    Edit:

    If you are using PunBB as your forum version, kindly find this code on your CSS:


    Code:
    background-color: transparent;
    background-image: url('your image link here');
    background-position: center;

    Just replace the "your image link here" text to your image url.
    avatar
    firn
    New Member


    Posts : 24
    Reputation : 1
    Language : English

    Solved Re: Where is the Forum header located?

    Post by firn February 16th 2014, 12:15 am

    I wasn't able to find it, the closest thing I could find was this:

    Code:
    .main .main-head {
       background-image: url('http://i10.servimg.com/u/f10/14/50/74/75/bar12.png');
            background-repeat: no-repeat;
    Kite Trojan
    Kite Trojan
    Forumember


    Male Posts : 823
    Reputation : 19
    Language : English

    Solved Re: Where is the Forum header located?

    Post by Kite Trojan February 16th 2014, 12:58 am

    Could you post your CSS?
    avatar
    firn
    New Member


    Posts : 24
    Reputation : 1
    Language : English

    Solved Re: Where is the Forum header located?

    Post by firn February 16th 2014, 3:05 am

    CSS:

    Here it is. It's quite big, so I put it in a spoiler tag.
    Kite Trojan
    Kite Trojan
    Forumember


    Male Posts : 823
    Reputation : 19
    Language : English

    Solved Re: Where is the Forum header located?

    Post by Kite Trojan February 16th 2014, 3:05 am

    Wow, thats a long CSS, but thanks for the help!
    Stephen-
    Stephen-
    Hyperactive


    Male Posts : 2542
    Reputation : 326
    Language :

    Solved Re: Where is the Forum header located?

    Post by Stephen- February 16th 2014, 3:42 am

    Try this code:

    Code:
    /* Main heading (Logo and description) */
    #pun-intro {
        margin: 0;
        padding: 1.5em 1em 1em 1em;
        border-bottom: 0px solid #296fa5;
        background-color: transparent;
        background-image: url('yourimagelink');
            background-position: top;
        text-align: left;
        background-repeat: no-repeat;
            height: 270px;
            margin-top: -5px;
            margin-left: -23px;
            width: 911px;

    Just replace the "yourimagelink" with your image url.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51555
    Reputation : 3524
    Language : English
    Location : United States

    Solved Re: Where is the Forum header located?

    Post by SLGray February 16th 2014, 4:26 pm

    Or just check here:

    Administration Panel > Display > Colors & Pictures > Pics Management
    Advanced Mode
    First Tab
    First one at the top.

    Everything does not have to be a code.
    Nevermind. I read the first post wrong.



    Where is the Forum header located? Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    avatar
    jarn
    Forumember


    Posts : 76
    Reputation : 1
    Language : English

    Solved Re: Where is the Forum header located?

    Post by jarn February 16th 2014, 6:05 pm

    I think I may be wrong when I said I wanted to change the forum's header. I meant I wanted to change the black bar that said 'getting started' on it. This one:

    https://i.servimg.com/u/f10/14/50/74/75/bar12.png

    I followed what you said, Time, and the forum's banner ended up changing.
    Kite Trojan
    Kite Trojan
    Forumember


    Male Posts : 823
    Reputation : 19
    Language : English

    Solved Re: Where is the Forum header located?

    Post by Kite Trojan February 16th 2014, 6:09 pm

    SLGray wrote:Or just check here:

    Administration Panel > Display > Colors & Pictures > Pics Management
    Advanced Mode
    First Tab
    First one at the top.

    Everything does not have to be a code. Nevermind.  I read the first post wrong.
     Could you try what SLGray said?
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51555
    Reputation : 3524
    Language : English
    Location : United States

    Solved Re: Where is the Forum header located?

    Post by SLGray February 16th 2014, 7:43 pm

    See if this is in your CSS:
    Code:
    .main .main-head {
        background-image: url('http://i10.servimg.com/u/f10/14/50/74/75/bar12.png');
        background-repeat: no-repeat;
    }



    Where is the Forum header located? Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Stephen-
    Stephen-
    Hyperactive


    Male Posts : 2542
    Reputation : 326
    Language :

    Solved Re: Where is the Forum header located?

    Post by Stephen- February 17th 2014, 1:55 am

    Based on your SLGray's post and also on your CSS that you have posted before, i already found it on your CSS just find the code that SLGray posted and replace the current image link with the link you want.
    avatar
    firn
    New Member


    Posts : 24
    Reputation : 1
    Language : English

    Solved Re: Where is the Forum header located?

    Post by firn February 17th 2014, 4:07 pm

    You can put this as solved now!
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51555
    Reputation : 3524
    Language : English
    Location : United States

    Solved Re: Where is the Forum header located?

    Post by SLGray February 17th 2014, 7:31 pm

    Problem solved & topic archived.



    Where is the Forum header located? Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.