Docs

[finger123]

Hi.

I am using the following code to place social media icons within my page. How do i make the icons larger in size as they are too small? How do i control placement of each icon so they are placed certain parameters from each other?

[icon type=”facebook-square”]

[Jade]

Hi there,

You can add this under Custom > CSS in the Customizer.

.x-social-global a i {
    font-size: 20px;
    padding: 0 10px;
}

Hope this helps.

[finger123]

Hi, that changes the social media on top and bottom only. the one i am talking about is the manually embeded social media icon that i put in the page itself. i use this code to embed it within the raw data code.

example:[icon type=”facebook-square”]

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[finger123]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating in! I have set your site to point to the given IP in my host file. I am still seeing the live site and not the one using X theme. Meanwhile, please take a screenshot and send it to us so that we will have an idea of the social media icon in your site.

Thank you in advance.

[finger123]

This reply has been marked as private.

[Friech]

Hi There,

Add this on your custom CSS on Customizer

.page-id-369 #x-section-2 .x-raw-content a i {
	font-size: 25px;
}

Hope it helps, Cheers!

[finger123]

that worked! thanks! How do i center it? its currently aligned to the left.

[Friech]

Hi There,

Add a class center-text to the RAW content element where you placed the shortcode.

You might need to center your headline (CONNECT WITH US) as well.

Cheers!

[Author]

Posts