Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1012605
    lisacole1
    Participant

    Hi
    on
    http://www.kentbabymatters.org
    1) I’d like the header image to be more to the left so there is an even border all round.
    2) I’d also like the menu to stretch the entire width of the page.

    3) And how can I close the gap between the heading ‘what group do I need?’
    and the start of the paragraph text below.

    What group do I need?

    and lastly – if I made the phone number on the top bar bigger, how can I stop it throwing off the alignment of the Facebook icon.

    Huge thanks!

    #1012622
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in!

    1] To move the header image, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .x-navbar .x-container.max.width {
        width: 100%;
        max-width: 100%;
    }

    2] #1 also resolves this issue.

    3] Please keep in mind that WordPress will automatically convert line breaks and new lines as <br> and <p> tags. In your case, please edit your page and remove the new line. You should only have something like this:

    
    <strong>Breastfeeding Peer Supporter available during another activity</strong>
    These are Children’s Centre activities such as Well Baby Clinics, Baby Massage or Stay and Play Sessions that you are welcome to attend with your baby. If you have any questions about breastfeeding or need some Mother to Mother support then a trained volunteer peer supporter will be available for you to talk to. The volunteers often have their young children with them and are active in the group but can direct you to other breastfeeding services if needed.

    Because if you place a new line between the heading and the paragraph, it will create a space in between.

    4] If you want to change the font size of the phone number, you also need to adjust the top margin of the icon. So for example, you can make use of this code:

    .x-topbar .p-info{
        font-size: 34px
    }
    
    .x-topbar .x-social-global a {
        margin-top: 15px;
    }

    Noticed that I also added a top margin to be able to align the icon the the phone number. Feel free to change the numbers which would best fit in your site.

    Please let us know how it goes.

    #1012666
    lisacole1
    Participant

    that is all brilliant! thank you so much!
    I really appreciate the time you took to add things like the top margin so I can tweak it.

    #1012688
    lisacole1
    Participant

    I’ve just redone the home page in cornerstone and there is still a huge gap between the first section and the title of the page

    http://www.kentbabymatters.org/welcome-to-kent-baby-matters/

    How can I make the top of the slider line up with the top of the widgets in the sidebar please.

    #1012699
    lisacole1
    Participant

    and the space between the widgets is pretty big too is this something to do with space above the heading?

    #1012763
    Paul R
    Moderator

    Hi Lisa,

    The url provided above returns Page Not Found

    http://screencast.com/t/oALrnOLRhq

    Kindly check again and provide us the correct url.

    Thanks

    #1012915
    lisacole1
    Participant

    sorry – http://www.kentbabymatters.org/

    Im trying to get strips across the whole boxed area but something is stopping them from reaching the edge.
    Site max width is 1140
    site width is 90% (max)
    content width 74% (max)

    In cornerstone I’ve checked the settings and there is no padding I can see that is stopping it from reaching the edges.

    I’m after strips that go the whole way accross like the menu bar.

    #1012921
    lisacole1
    Participant

    aha, found it – no container on the page settings!

    #1013096
    Joao
    Moderator

    Great

    Let us know if you need further help.

    Thanks,

    Joao

  • <script> jQuery(function($){ $("#no-reply-1012605 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>