Navigation
Archive / Adjust Footer widget width and alignment
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 19, 2016 at 5:48 pm #1182224
    KB-WFW
    Participant

    Hi Support,

    Just trying to make the three columns in the footer narrow. See here https://goo.gl/sW8aFm

    I was able to edit that with :

    .x-column.x-1-3 {
    width: 21.667%;
    }

    Although haven’t tested a different view ports.

    But, now I would like the content to be more in the middle of the page? See attached.

    Is that possible ?

    thakns

    September 19, 2016 at 11:30 pm #1182596
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    footer.x-colophon.top .x-column.x-md.x-1-3 {
    width: 30%;
}

    Thanks.

    September 20, 2016 at 2:17 pm #1183581
    KB-WFW
    Participant

    Thanks Prasant.

    I was able to narrow the columns but want I was trying to do was move the three column into the middle of the page. Right now they are left aligned..

    Anyway to do that ?

    thanks

    September 20, 2016 at 2:42 pm #1183621
    Joao
    Moderator

    Hi There,

    Please add the following code:

    @media(min-width:769px) {
.x-colophon.top {
    padding-left: 20%;
} }

    Hope that helps

    Joao

    September 20, 2016 at 2:46 pm #1183629
    KB-WFW
    Participant

    Yes, Perfect. Thanks you again X-Theme Support 🙂

    September 20, 2016 at 2:47 pm #1183635
    Joao
    Moderator

    You are welcome,

    Joao

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