Facebook Icon Customization

smiles4ulv · Member · Apr 4, 2017 at 12:59 am
Copy link

Add topic to favorites
Hello Everyone,

I am new to WordPress and CSS.

I would like to know whether there is a way to customize the social icons like facebook, twitter among others.

Also, is it possible to re-arrange the way my projects are displayed. for example, is it possible to move them up and down just like rows?

Example

Project1
Project2
Project 3

Lets say after re-arrangement

Project3
Project1
Project2

Thank you for your time.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Apr 4, 2017 at 8:50 pm
Copy link
Hi there, on the Facebook icon, there are a couple of ways to do this, but this seems to work the best with the theme you are using. Add the following Custom CSS, and replace URL_OF_IMAGE between the quote marks with the URL of your uploaded icon. It should work with pretty much any size image, but I would probably stick with something 128px square down to about 55px minimum.
```
.sow-social-media-button-facebook {
	border: 0 !important;
	background: transparent url('URL_OF_IMAGEg') no-repeat scroll left top / contain !important;
}
.sow-social-media-button-facebook .sow-icon-fontawesome[data-sow-icon]::before {
	content: "";
}
```
You can use the above as a guide for any other social icons you add.

If you’d like to customize the way the projects are displayed in Sydney, the best place to ask would be in the theme’s support forum:

https://wordpress.org/support/theme/sydney

You’ll need a free WordPress.org account to post – if you don’t already have one, you can register here:

https://wordpress.org/support/register.php

Be sure to provide a link to your site when you post so people can help you more easily.
smiles4ulv · Member · Apr 7, 2017 at 5:37 pm
Copy link
Thank you for your reply thesacredpath!

I will check on this information.

Thank you again for your help.
thesacredpath · Member · Apr 7, 2017 at 9:06 pm
Copy link
You are welcome.

No items found.