Resizing simple social icons in child theme

[[email protected]]

Hello! I'd appreciate some help with what I'm sure is a simple CSS question for a pro. I'm using Chrome Version 53.0.2785.116 on a site using the Serendipitious Genesis child theme: http://helloyoudesigns.com/shop/serendipitous-theme/. The site is here: http://thelionofdesign.wpstagecoach.com/. I want to resize the simple social icons form 16px to 22px. I have Design Palette Pro. I attempted to resize the icons there, but they won't resize in that menu because the child theme is overriding Design Palette Pro.

I made the following changes to style.css and saved it: changed the font-size from 14 to 22px and changed the height and width from 1em to 1.250em. The height and width were shots in the dark as I don't know anything about ems or responsive web design. When I made the changes in Chrome inspector, it worked and looked great. When I made the change to style.css and hit save, nothing happened. Here is the code snippet reflecting the changes I made. It is code block #2196:

.nav-primary .simple-social-icons ul li a {
border: none !important;
box-sizing: content-box;
display: inline-block;
font-size: 20px !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
line-height: 1.250em;
padding: 1px !important;
speak: none;
text-align: center;
text-decoration: none !important;
text-transform: none !important;
width: 1.250em;
-moz-osx-font-smoothing: grayscale;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-webkit-font-smoothing: antialiased;
}

I hit save and saw no change. What do I need to do instead to enlarge the social icons? Thank you! BONUS: How do I resize or just get rid of the search bar that's also in the nav?

http://thelionofdesign.wpstagecoach.com/

[Susan]

I'm seeing them display at 20px, which is the size you changed it to in your CSS.

If you are not seeing the changes, make sure that you have cleared any caching you have on your site, and clear your browser's history, cookies, and cache...

To get rid of the search bar, check any navigation widget you are using.

[Author]

Posts