Help with page layout

Discussion in 'BlackBird WordPress Theme' started by faraway, Feb 28, 2014.

Thread Status:
Not open for further replies.
  1. faraway

    faraway Member

    Joined:
    Nov 23, 2012
    Messages:
    56
    Likes Received:
    2
    Hi

    I'm wondering why I'm getting an extra line of blank space at the top of my pages. It doesn't appear on my posts. I've attached a couple of photos to give you an idea of what I mean. I would like the layout at the start of a page to look the same as the layout at the start of a post (i.e. no 'extra' blank space between the title and the social icons.) Is that possible?
    Page Screenshot.jpg Post Screenshot.jpg
     
  2. faraway

    faraway Member

    Joined:
    Nov 23, 2012
    Messages:
    56
    Likes Received:
    2
    Hi

    I think I might have had a problem with a plugin so I've had to find a workaround and display my social icons slightly differently since I posted this thread originally. However, even with the workaround, there is still extra space before the social icons on a page that doesn't appear before the social icons on a post.

    I've attached a new screenshot of the post and the page. You'll see that the page still has extra unwanted space between the title and the social icons.

    Hope you can suggest a way to get rid of that extra unwanted space on the page setup.

    Regards,
    Post Screenshot 2.jpg
    Page Screenshot 2.jpg
     
  3. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .fullwidth {
    margin-top: 0px;
    }
    Thanks & Regards
    Nitesh Raghuwanshi
     
  4. faraway

    faraway Member

    Joined:
    Nov 23, 2012
    Messages:
    56
    Likes Received:
    2
    Hi Nitesh

    Thanks for the follow-up. Unfortunately, though, this doesn't seem to make any difference. I've added the text you provided to the styling option and I've cleared the cache, but I'm still getting the gap. Is there something else I need to do?

    Regards,
     
  5. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .page-heading h1 {
    border-bottom: none;
    }
    .page-content {
    margin-top: 5px;
    } 
    I hope this will solve your issue.
     
  6. faraway

    faraway Member

    Joined:
    Nov 23, 2012
    Messages:
    56
    Likes Received:
    2
    Thanks so much, Piyush. That's worked. Can I just check: I've left in the text Nitesh suggested - is that OK or should I have removed it? Also, the page seems to 'flash' as it loads, with the space at the top of the page increasing significantly for a second or two before settling back to the correct layout. I'm not sure if I've explained that properly. You can try this link as an example: faraway quilts.com/quilts-for-sale
     
  7. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
  8. faraway

    faraway Member

    Joined:
    Nov 23, 2012
    Messages:
    56
    Likes Received:
    2
    Great. Thanks. Much appreciated. All the best,
     
    Piyush likes this.
Thread Status:
Not open for further replies.

Share This Page