Dara theme – enlarge social media icon

  • Author
    Posts
  • #3062129

    saimma
    Member

    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 rumiscircle.com.

    #3062295

    allykmyta
    Staff

    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!

    #3062297

    saimma
    Member

    Sorry I forgot to include that!

    https://kendalunitarians.com/

    #3062298

    allykmyta
    Staff

    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!

    #3062299

    saimma
    Member

    Thanks that’s great!

    Is there a way to move the social media menu to the top right of the page?

    #3062305

    allykmyta
    Staff

    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.

    #3062321

    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;
    }

    #3062378

    saimma
    Member

    Thank you so much for your help :)

    #3062395

    You are welcome.

The topic ‘Dara theme – enlarge social media icon’ is closed to new replies.