Search

bbPress Showcase » theme bbPress Themes

Where do I put my background image in bbpress...?

RSS
  1. Achilleus
    User has not uploaded an avatar

    new member
    Joined: Aug '08
    Posts: 1

    offline

    I need to make my installation of bbpress look exactly like my installation of wordpress, I don't want the users to even notice that they are on entirely different software. I imagine that is the goal for a lot of people.

    However, I cannot find where to put a simple background image!

    http://www.achilleustechnologies.com/images/ss.tiff
    http://www.achilleustechnologies.com/images/gp.tiff

    I need it to look like that. The 200px high 980px wide gradient with the curved corners, that's the image I need to be at the beginning of the page. I don't know why it's not showing up, I've tried making all the background colors transparent, tried putting the background-image: in the #wrapper, #header, and the #main id's and none of them will show my image. I've triple checked the URL to the image and re-copypasted it straight from the wordpress stylesheet(which uses exact http:// paths for all my images). There is nothing wrong with my syntax.

    So I'm asking here if anybody on here might now which ID or class I'm supposed to put it in to acheive this effect? I'm modifying the default theme so I'm sure most are familiar with that type of process.

    Posted 3 months ago #
  2. _ck_
    _ck_

    senior admin
    Joined: Jul '06
    Posts: 330

    online

    You need better tools to do that kind of work, then it becomes easy.

    Install firefox and then install CSSViewer:
    https://addons.mozilla.org/en-US/firefox/addon/2104

    When you toggle it on, you can mouse-over any object and see the CSS behind it. The web developer toolbar has something like it too, but I like CSSViewer better:
    https://addons.mozilla.org/en-US/firefox/addon/60

    Also handy is a real-time CSS editor so you can try different properties on different elements to see which one affects it: http://editcss.mozdev.org/
    Again, there are other tools that do that like Web Developer, but I like that one better.

    Last but not least, I find the JSView plugin very handy which immediately lets you see any external stylesheet (not inline) or even javascript that is affecting the page by indicating in the status bar there are external files loading - which you can click on to see:
    https://addons.mozilla.org/en-US/firefox/addon/2076

    Note there are bookmarklets to do similar things but they don't work as smoothly or easily - for example the Edit Styles and Computed Styles:
    https://www.squarefree.com/bookmarklets/webdevel.html#edit_styles

    So using those three tools you can dissect virtually any webpage to see how things are done. Then using the tabs in firefox you can easily hop back and forth to see if everything matches up.

    Posted 3 months ago #
  3. _ck_
    _ck_

    senior admin
    Joined: Jul '06
    Posts: 330

    online

    Also, typically with the problem you are having there is something overriding what you are trying to place, a couple of levels higher.

    For example (and this is definitely NOT the correct answer, just an example) you might find that placing the background on #main might not work. Because it's being overridden by #wrapper #header #main (all as one reference).

    Last but not least, you do NOT have to use the class and id names used in bbPress. Nothing else references them but your own stylesheet. In theory you can copy the html blocks along with their classes and ID's over to bbPress as long as you put the correct PHP functions inside the those html blocks and make sure you leave the action hooks intact (ie. do_action('bb_head',''); and do_action('bb_foot','');

    Posted 3 months ago #
  4. _ck_
    _ck_

    senior admin
    Joined: Jul '06
    Posts: 330

    online

    I see you marked this as resolved so I hope you were able to find your answer! Good luck!

    This is a demo of the bbPress Signatures plugin!
    If you use my plugins, please considering donating to help continue their development.
    Posted 3 months ago #

RSS feed for this topic

Post a reply to “Where do I put my background image in bbpress...?”

You must log in to post.

keep _ck_ coding >> donate $1 <<     Theme Switcher:
12 users online from  US  GB  IT  MX in the past 30 minutes. 7 bots 4 guests 1 members: _ck_
490 views today 2798 yesterday 3411 ever. Most at once 19 today 24 yesterday 19 ever. Visited today: _ck_
724 posts in 106 topics over 19 months by 146 of 676 members. Latest: nicoosuna, Wish, insightdesigns