/    Sign up×
Community /Pin to ProfileBookmark

Header CSS Problem

Copy linkTweet thisAlerts:
Feb 23.2011

Hey ive changed the header on my phpbb forum and changed the bg_header to white, but for some reason its still got say 20pixel half way through my logo with the original blue image if you know what i mean.

i thought it might have been a repeat issue so i put background-repeat:no-repeat; but that didnt work.

[URL=”http://www.juicingforum.co.uk/forum/index.php”]Juicing For Health Forum[/URL]

Anyhelp is appreciated.

to post a comment
CSS

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@SanderDeclerckFeb 24.2011 — Hi,

Let's look at a fragment of your page:
[code=html]<html>
<body id="phpbb" class="section-index ltr">

<div id="wrap">
<div id="page-header">
<div class="headerbar">.....</div>
</div>
</div>
</body>
</html> [/code]

Now, if we look at your css file "style.php", we see the following at line 2721:
[code=html].headerbar {
background-color: #12A3EB;
background-image: url("./styles/prosilver/theme/images/bg_header.gif");
color: #FFFFFF;
}[/code]

Now, change the background-color:#12A3EB to #fff and the problem should be resolved ;-).
Copy linkTweet thisAlerts:
@johndoe190authorFeb 24.2011 — hey thanks for the help, i cant find style.php, i found similar css in colours.css but changing it hasnt changed the blue bar.

cheers again
Copy linkTweet thisAlerts:
@SanderDeclerckFeb 24.2011 — Give me a minute, I'll download phpbb 3 and will take a look at it ;-)
Copy linkTweet thisAlerts:
@SanderDeclerckFeb 24.2011 — I downloaded phpBB3 and looked what the problem could be. You should indeed edit the css in colours.css. However, phpBB3 uses caching for it's CSS. So just keep colours.css changed as you already did. And do the following to recompile the css:

In the root of your website, there's a file: "style.php", in that file, you will find this somewhere around rule 160:
[code=php]
 // Expire time of seven days if not recached
$expire_time = 7*86400;
$recache = false;[/code]

Add the following line to that code:
[code=php]
 $recompile = true;[/code]

Now, refresh the page (if it doesn't work the first time, refresh it twice).

[B][COLOR="Red"]VERY IMPORTANT!!![/COLOR][/B]

[B]After you've done that, delete the line you've added again or the css won't be cached anymore![/B]
Copy linkTweet thisAlerts:
@johndoe190authorFeb 24.2011 — Sander really appreciate you taking the time to help thanks alot for that and it worked a treat.

I dont suppose you would know why the adsense isnt centering in the middle. I used margin:0 auto applied to the div which i thought would work.

Cheers again?.
Copy linkTweet thisAlerts:
@SanderDeclerckFeb 24.2011 — The problem with your adsense is the following: your div is centered, but it has a width of 100&#37; of its parent container, so you don't see it's centered.

So you have 2 possible solutions for this:
[LIST]
  • [*]You give the div a width (it should ben 728px, i checked it in your html file)

  • [*]You give the div the property text-align:center, and everything within the div will be centered.

    • [/LIST]

    I prefer the second option, because if you ever wanted to make your adsense wider, it would still be centered without having to change anything.

    Ps: this is harder than I thought it would be, I have to answer to 1 topic on a forum once every two weeks for school, guess I'll be getting lots of points for this one :p

    Ps2: if you have other questions, don't mind asking, i'm happy to help you ;-)
    Copy linkTweet thisAlerts:
    @johndoe190authorFeb 24.2011 — cheers mate you have been a good help, appreciate it?.
    ×

    Success!

    Help @johndoe190 spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 — BETA 5.19,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...