-
-
Is there an option to make the social media buttons larger? I couldn’t find one. Also, FYI I can’t get the forum search to work at all.
-
Hello,
Yes, you can make them larger. Where are they located?
I can’t log in to your site. Anyway add this code to your custom CSS box if they are located on the footer:.footer_social_icons.circle li a i { font-size: 18px !important; }
and this code if they are located at the top widgetized area:
.top_nav .social_widget li i{ font-size: 18px !important; }
Edit the values as you wish.
If you don’t get any effect, open page with inspect element and find the right css classes to edit.Sorry ! We are working on the forum search and resolve the issue as soon as possible.
Let us know.
Best regards! -
-
Hello,
We tried the code and it works on our side. You should only paste this code:
.footer_social_icons.circle li a i { font-size: 18px !important; }
if your icons are located on the footer and change the value in px as you wish.
I still can not log in to your site with any of your passwords. Please reset it and give us the new credentials to have a closer look at this issue.Best regards!
-
-
Hello,
Please remove the code from you custom CSS box and open style.css at \wp-content\themes\tower. Find there the lines
.footer_social_icons.circle li a i { font-size: 14px !important; }
and edit the value as you wish. Save the changes.
Let us know.Note: Please consider updating your profile data. Read this article for more information.
Best regards!
-
Hi Kris,
Before I do this, that exact line was not in the style.css file at all. There are a number of variations. your instructions said to find it and then edit it, but am I supposed to be adding it in? If so, will it matter where I place it?
Thanks.
-
Also, Kris, I added in some FTP information to my profile. I see a place for FTP username but there is no way for me to edit that field, so I just stuck it as an @symbol in front of the link.
-
Hello,
I see you have an old version of theme. Please update tower to its latest version 1.8.2, we make new improvements on every release. The problems you are having on your site may be due to this. Also deactivate the third party plugins and see if any of them conflicts.
Then try again the code above (just add it on your custom CSS box). It is tested on our side and it works.
Let us know if this issue still persist after update.You can always edit the User extra information area by clicking here.
Best regards!
-
Hi.
I upgraded the theme and tried to add back in that code to the custom css box. I change the font size to try to make the social media icons larger but to no avail. Am I misunderstand how to change the size?
-
Hello,
I removed the
!important
from the footer icon font-size, in style.css file.It was impeding the code in custom css box to take advantage. It’s ok now. Just edit the value of font size in Custom css box to your wish.Best regards!
- This reply was modified 8 years, 3 months ago by Mirela.
-
Mihaila,
Thanks that is wonderful. It seems to be working now, though the circle behind the icons has stayed the same size. Is there a way to make them grow at the same rate? Or a different command line to adjust the circles themselves? I know I’m asking something that verges on design, but I’d be more grateful to be pointed in the right direction.
-
Hello,
I added this code for the circles:
.footer_social_icons.circle li { width: 40px !important; height: 40px !important; }
I also edited the last code i gave you by adding a padding-top to match the new dimensions of icons.
I removed the
!important
from width and height attribute in this block of css in your style.css file:.footer_social_icons.circle li{ background:#222; width:32px; height:32px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
for the same reasons as explained in my last reply.
Edit the values to your wish.Best regards!
-
You must be logged in to reply to this topic.