Tagged: CSS
Hi there,
I have managed to edit the icon and font colors in the phone and social bar. However I used the following code to make the social icons a little bigger and still nicely centered in the middel of the bar:
#header_meta {
background: #1b98e0;
}
#header_meta .container{
min-height: 40px;
}
#header .social_bookmarks li{
font-size: 20px;
border-right-style: none;
width: 40px;
}
#header .social_bookmarks li a {
width: 40px;
height: 40px;
line-height: 40px;
}
#top .social_bookmarks li a {
color: white;
}
.phone-info span {
color: white;
font-size: 14px;
}
Now the phone text in not aligned in the bar.
What css do I need to enter it to make it nicely aligned?
Hey insanityNL,
I’m not seeing a phone number at all. Can you screenshot what you are looking for?
Best regards,
Jordan Shannon
It’s the text above the logo?
Normaly used to put a phone number?
As you are able to see the “Phone number section” is out of alignment with the social icons.
Anyone?
Hi,
Add this to quick css:
.phone-info {
padding:15px!important;
}
Best regards,
Jordan Shannon
Thanks a lot Jordan !
I set is to 10px so the coloring of the social icons still match wind the banner.
This ticket can be closed ;)
Hi,
I’m glad I was able to help. If you need anything else, please let us know here in the forums.
Best regards,
Jordan Shannon