Try using Firebug with Firefox, or use the developer tools in Chrome, Safari and IE, or Opera Dragonfly…
Try using Firebug with Firefox, or use the developer tools in Chrome, Safari and IE, or Opera Dragonfly…
Aces, thx. This is too vague for me. Can you provide any more specifics, possibly? Might I be able to address this by editing the css file, possibly? thx.
You use the developer tools to examine your webpage and make real time alterations to the code to test fixes.
What theme and bp version are you using and what is your main web browser?
I’m using a child theme for the bp-default. No css I have entered in this seems to do anything, but the css style sheet appears to be valid, as originally, it wasn’t allowing the theme activation due to my naming it styles.css vs. style.css. So, the file is recognized as valid, but no joy with any code yet.
It would be cool just to add in some code and address what is probably the padding, is my guess.
ty;-)
It might be cool for you but what I am suggesting is using a beginners’ technique for anyone trying to customise any webpage, not just wp or bp.
@discdemo
have you correctly setup your child theme ? Which BP version do you use ?
Anyway in your child theme style.css, you must have those commented lines at the top of the file
Theme name & Template name are mandatory
/*
Theme Name: BuddyPress Dusk
Theme URI: http://example.org/themes/dusk/
Description: Dark theme for BuddyPress.
Version: 1.0
Author: John Doe
Author URI: http://example.org/
Template: bp-default
Tags: buddypress, two-column, grey, dark
*/
Latest BP installed and yes, the comments are really all that exist, as the little bits of code I have tested right below it don’t seem to change anything (e.g. page title padding)
thanks for the input, chouf.
@discdemo
change
`#header {
padding-top: 25px;
}`
to e.g.
`#header {
padding-top: 15px !important;
}`
Much thanks, merci. I added this to style.css in my child theme and no change.
@discdemo can’t keep guessing why it’s not working,
site uri?
Using Firebug allowed me to quickly highlight the page elements showing that the space around the .pagetitle on that linked page is created with a combination of the elements line-height and the ancestor .padding divs padding value 19px, if you want to decrease the heading elements positioning you will need to adjust the padding div top padding value or at a pinch you may get away with negative top margin on the .pagetitle to drag it up,
Did you try installing Firebug or tools for one of the other browser as was suggested? If you are wanting to modify styles then you will need the aid of one of these tools to identify what rulesets are applying properties to an element.
Thanks for your suggestions, Hugo.
