Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1291750
    nillamary
    Participant

    I’ve used the following code to display my Contact link in the footer to the right of page and inline with the current footer on left:

    .x-colophon.bottom .x-colophon-content a {
    display: inline-block;
    text-align: right;
    text-decoration: none;
    }

    I have the following current code for the left Footer (Copyright, etc.):
    .x-colophon.bottom .x-colophon-content p {
    text-transform: capitalize;
    text-align: left;
    color: #ccc;
    }

    Thank you!

    #1291819
    Joao
    Moderator

    Hi There,

    Update this:

    .x-colophon.bottom .x-colophon-content a {
    display: inline-block;
    text-align: right;
    text-decoration: none;
    }

    with This:

    .x-colophon.bottom .x-colophon-content a {
        text-transform: capitalize;
        text-align: left;
        color: #ccc;
        float: right;
        margin-top: -15px;
    }

    Hope it helps

    Joao

    #1293297
    nillamary
    Participant

    To remove the underline from Contact me, I just added:
    text-decoration: none;
    and it worked, thank you Joao!

    I’ve noticed a lot of companies now display the Contact in the footer. In your opinion, is it better in the footer, the nav menu, or doesn’t matter?

    #1293322
    Joao
    Moderator

    Hi There,

    It all depends what you want to achieve with your website. When you build your website you should think – What do I want with this website? Do I want people to contact me ? Do I want them to call me ? or Via Email? Do I want to sell a product? Etc..

    Based on that you should decide to place your elements around your website. It really does not matter where as long as you lead the visitor to behave as you would like 🙂

    Hope that helps

    Joao

    #1293367
    nillamary
    Participant

    Thanks Joao, basically what I thought 🙂

    I’ve tried the following code to align my footer’s social icons in the centre and on the same line as my copyright and Contact info but there’s something wrong.

    .x-social-global {
    display: inline-block;
    float: center;
    }

    #1293700
    Friech
    Moderator

    Hi There,

    To center the social icons on your footer, please add this on your custom CSS.

    @media (min-width: 980px) {
    	.x-colophon.bottom .x-social-global {
        position: absolute;
        top: 30px;
        left: 40%;
        width: 300px;
    	}
    }

    I should say, add a contact page link to your menu because that is the first place viewers to look for a pages links.

    Thanks.

    #1294707
    nillamary
    Participant

    Thank you Friech, that worked!

    #1294764
    Jade
    Moderator

    You’re most welcome.

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