Tagged: x
-
AuthorPosts
-
December 13, 2016 at 2:05 pm #1291750
nillamaryParticipantI’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!
December 13, 2016 at 3:02 pm #1291819
JoaoModeratorHi 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
December 14, 2016 at 3:02 pm #1293297
nillamaryParticipantTo 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?
December 14, 2016 at 3:18 pm #1293322
JoaoModeratorHi 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
December 14, 2016 at 3:51 pm #1293367
nillamaryParticipantThanks 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;
}December 14, 2016 at 8:45 pm #1293700
FriechModeratorHi 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.
December 15, 2016 at 2:25 pm #1294707
nillamaryParticipantThank you Friech, that worked!
December 15, 2016 at 3:04 pm #1294764
JadeModeratorYou’re most welcome.
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1291750 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
