Solved

social icons too close together

Posted on 2014-02-05
4
249 Views
Last Modified: 2014-02-06
Rookie question but I'm not great with responsive css yet.

a dev website i'm working on:  http://www.sendright.com/draft/lauren

question regarding mobile browser only:

The social media icons at the top are really close together and I can't figure out what tag is governing this. Any assistance with breaking them apart without them becoming smaller (they are already smaller than I would like them to be).

Thanks,
0
Comment
Question by:gwarcher
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
4 Comments
 
LVL 20

Expert Comment

by:n2fc
ID: 39837979
Your web page looks great!

I viewed it on my PC and my droid smart phone...

Actually, I don't think you should change the size of those icons, but the area to adjust is in the "easy-social-icons" plugin...   Since you are using a WordPress theme, you should check that plugin to see what adjustments (if any) can be made...
0
 
LVL 57

Accepted Solution

by:
Julian Hansen earned 500 total points
ID: 39837995
To answer the question

In this stylesheet on line 1631

wp-content/themes/ever-after-wpcom/style.css?ver=3.8.1

You have this style
float: right;
margin-bottom: 50px !important;
margin-right: 95px !important;
width: 40% !important;

Open in new window

The last line is the culprit. The !important is forcing the 40% to override the element style of 32px - remove that and your icons will be spaced according to the element styling (32px)
0
 

Author Closing Comment

by:gwarcher
ID: 39840988
thanks for helping me find the element.
0
 
LVL 57

Expert Comment

by:Julian Hansen
ID: 39841116
You are welcome - thanks for the points.
0

Featured Post

Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

717 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question