Footer: Action bar (text-align); Social Icons: increase size.
in Other
website address: www.women-in-balance.at
In the action bar at the footer I have attempted to changed the action heading to align left instead of center.
The code here does not work:
Footer .footer_action .one {
text-align: left;
padding-left: 0;
}
Also trying to change the size of the social icons in the footer area.
In Chrome under "inspect element" I was able to adjust the size but this no longer worked when I added the code to the style sheet:
em, i {
font-size: 150%;
}
Footer .footer_copy .social li a {
font-size: 21px;
}
Is it possible to add the social icons in the header as well?
Thanks for the help!
: )
Comments
1) What exactly you want to align left? Footer action is already aligned to left so we don't get this question.
2) To change social icons in footer, please check the following topic http://forum.muffingroup.com/betheme/discussion/7751/increase-the-size-of-the-icons-of-the-social-media where this was explained.
3) To display social icons in header, you must activate Action Bar under Theme options > Menu & Action Bar > Action Bar section.
1) I want to align the text line/content left to align with the other content
again the code I insert for that is not working.
Is there some glitch in my website?
2):#Action_bar .social li a { font-size: 20px !important; }
#Footer .footer_copy .social li a { font-size: 20px !important; }
Thanks! I had already previously pasted this code in the css (with and without the "#" tag – and without the "!important" )
it did not work. which is why I posted the query.
It still does not work. with the # and the !important
Actually none of the code I pasted in recently has worked.
do I need to use the "#"? all my previous code is devoid of it and it has worked.
also do I need to add the "!important" as well?
3) Thanks! figured that out.....
2) Where did you pasted this code? Because we checked your site and did not found it anywhere.