Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1253022
    Studio172
    Participant

    Hello!
    I have a question about the topbar content: I’ve put an image with a background-image above the menu. I would like to make the background-image full width and margin-less like I did with images in the content of the page (there I set ‘çolumn container’ to ‘off’). You can see this if you make your screen bigger than 1300 px at:
    frank.pilihan.nl

    How can I accomplish this?
    greetings, Stefan

    #1253111
    Rue Nel
    Moderator

    Hi Stefan,

    Thanks for writing in! To make the background-image full width and margin-less like you did with images in the content of the page, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .x-topbar .x-topbar-inner {
        width: 100%;
        max-width: 100%;
    }

    Hope this helps. Kindly let us know.

    #1253120
    Studio172
    Participant

    Thanks a lot! Works like a charm!

    #1253130
    Studio172
    Participant

    Another question… concerning the footer of this website…
    Is it possible to center the menu to the right and then have the footer content on the left of the menu?

    #1253276
    Paul R
    Moderator

    Hi,

    Yes, that’s possible.

    You can add this under Custom > Edit Global CSS in the Customizer.

    
    .x-colophon.bottom .x-nav {
        float:right;
    }
    
    .x-colophon.bottom .x-colophon-content {
        float: left;
        margin: 10px 0;
    }
    
    

    Hope that helps.

    #1253281
    Studio172
    Participant

    Great! Thanks again!!!

    #1253374
    Rahul
    Moderator

    You’re most welcome!

    Let us know if we can help with anything else.

    Thank you.

    #1253470
    Studio172
    Participant

    Yes! One more question…
    The header on this page (small blue diamonds and big red diamond with ‘BLOG’):
    http://frank.pilihan.nl/blog/
    has been made with a table.

    Each table I make seems to have a small grey line above…
    How can I remove the grey line above it?

    #1253629
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance > Customizer > Custom > CSS

    .herhaalpatroon5, table th, table td {
        border: none;
    }

    Hope it helps

    Joao

    #1254300
    Studio172
    Participant

    Great thank again!!!

    #1254307
    Christopher
    Moderator

    You’re welcome.

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