Dara theme – enlarge social media icon

saimma · Member · Jan 8, 2018 at 3:10 pm
Copy link

Add topic to favorites
Hi there,

I would like to enlarge the Facebook social media icon in the Dara theme social media menu, can anyone advise?

Thanks,
Saimma

The blog I need help with is: (visible only to logged in users)
allykmyta · Staff · Jan 8, 2018 at 4:18 pm
Copy link
Hi @saimma,

The link you provided (rumiscircle.com) shows a site using the Suburbia theme, which is also a retired theme.

https://wordpress.com/theme/suburbia

Which site did you need assistance with that has the Dara theme activated?

Thank you!
saimma · Member · Jan 8, 2018 at 4:23 pm
Copy link
Sorry I forgot to include that!
allykmyta · Staff · Jan 8, 2018 at 4:29 pm
Copy link
Perfect, thank you!

You can place this CSS code in your CSS Customizer to increase your social media size is:
```
.wf-active .jetpack-social-navigation ul li {
    font-size: 30px;
}
```
This should work for both top menu and footer social media icons.

Please check all the pages & blog post on every device to confirm it is not impacting anything else.

Please note CSS Customizer is only available in Premium or Business upgrade plan.

You can also refer this support article for more details for Custom CSS: https://en.support.wordpress.com/custom-css/

Cheers!
saimma · Member · Jan 8, 2018 at 4:34 pm
Copy link
Thanks that’s great!

Is there a way to move the social media menu to the top right of the page?
allykmyta · Staff · Jan 8, 2018 at 4:57 pm
Copy link
No problem!

Hmm, moving your Social Media Menu to the top requires a bit more advanced custom CSS.

I could think of a couple codes that could work but wouldn’t want it to be effecting the site in odds way (especially mobile view)!

I would suggest creating a new thread via:

https://en.forums.wordpress.com/?new=1

And tag your thread with ‘CSS’ and ‘Custom CSS’ so that other volunteers in the forum who specialize in CSS are able to see your question :)

Sorry I wasn’t able to assist you further.
thesacredpath · Member · Jan 8, 2018 at 6:42 pm
Copy link
Hi @saimma, I see you now have your social icons active at both the top and bottom of your site. If you wish to have the social icons at the top right aligned, you can use the following custom CSS to do that.
```
.site-branding .jetpack-social-navigation {
  text-align: right;
}
```
saimma · Member · Jan 9, 2018 at 10:58 pm
Copy link
Thank you so much for your help :)
thesacredpath · Member · Jan 11, 2018 at 5:58 pm
Copy link
You are welcome.

No items found.