Skip to:
Content
Pages
Categories
Search
Top
Bottom

Reduce white space above page title

  • Profile photo of discdemo
    discdemo
    Participant

    @discdemo

    Reduce white space above page title; any takers?

    I tried a few things I scratched up from a google search in my child theme’s css, but nothing seemed to reduce the whitespace. thanks!

     

    jz

Viewing 14 replies - 1 through 14 (of 14 total)
  • Profile photo of aces
    aces
    Participant

    @aces

    Try using Firebug with Firefox, or use the developer tools in Chrome, Safari and IE, or Opera Dragonfly

    Profile photo of aces
    aces
    Participant

    @aces

    Try using Firebug with Firefox, or use the developer tools in Chrome, Safari and IE, or Opera Dragonfly

    Profile photo of discdemo
    discdemo
    Participant

    @discdemo

    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.

    Profile photo of aces
    aces
    Participant

    @aces

    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?

    Profile photo of discdemo
    discdemo
    Participant

    @discdemo

    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;-)

    Profile photo of aces
    aces
    Participant

    @aces

    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.

    Profile photo of danbpfr
    danbpfr
    Participant

    @chouf1

    @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
    */

     

    Profile photo of discdemo
    discdemo
    Participant

    @discdemo

    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.

    Profile photo of @mercime
    @mercime
    Moderator

    @mercime

    @discdemo
    change
    `#header {
    padding-top: 25px;
    }`
    to e.g.
    `#header {
    padding-top: 15px !important;
    }`

    Profile photo of discdemo
    discdemo
    Participant

    @discdemo

    Much thanks, merci. I added this to style.css in my child theme and no change.

    Profile photo of @mercime
    @mercime
    Moderator

    @mercime

    @discdemo can’t keep guessing why it’s not working,

    site uri?

    Profile photo of discdemo
    discdemo
    Participant

    @discdemo

    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.

    Profile photo of discdemo
    discdemo
    Participant

    @discdemo

    Thanks for your suggestions, Hugo.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Reduce white space above page title’ is closed to new replies.
Skip to toolbar