Docs

[JW & Co.]

Hello,

The widget to the far left at the bottom of homeandhealthy.joshuaweatherstone.com has both text and a facebook icon. I have used in line styling to try to modify the text as well as the facebook icon, but the text has disappeared.

How can I make the text visible again?
Josh

[Jade]

Hi Josh,

The html content seems to be incorrect in that block.

Please try this:

<p style="font-size:16px; color:#fff;">
    333 N. Shore Road<br>
    Beesleys Point, NJ 08223<br>
    <i class="x-icon-facebook-square" data-x-icon="" aria-hidden="true">
</p>

Hope this helps.

[JW & Co.]

Good morning,

I played with the code you provided and the first half works, but not the second. This is the code currently placed inside the widget after the address in the footer.

Here is the second half of the code I have in the widget content:
[icon type=”facebook”]

Here is the CSS I am using to target that particular code:
footer.x-colophon.top .widget .x-icon,
footer.x-colophon.top .widget .x-icon:hover {
font-size: 40px; /*Set this to your preferred social icon size*/
color: #000;
}

Please tell me how to make the facebook icon a bit larger, and how to reduce the padding between the footer text and that same icon.

Thanks,
Josh

[Joao]

Hi There

Please add the following codes to Appereance CUstomizer Custom CSS

div.textwidget p {
margin-bottom: 0;
}

footer.x-colophon.top .widget li a, footer.x-colophon.top .textwidget a i {
font-size: 25px;
}

Hope it helps

Joao

[JW & Co.]

First code worked perfectly, second is affecting the widget on the far right… not the icon in the first widget. Please advise.

Thanks,
Josh

[Joao]

Hi There,

Try this instead:

footer.x-colophon.top .widget li a i , footer.x-colophon.top .textwidget a i {
font-size: 25px;
}

Hope it helps

Joao

[JW & Co.]

Hello,

The newly suggested code also does not work. Do you need my login credentials?

Thanks,
Josh

[Joao]

Hi Josh,

Please send us on a private reply.

Thanks

Joao

[JW & Co.]

This reply has been marked as private.

[Joao]

Hi use this in your Widget Text Content instead and adjust the size according to your wishes.

<p style="font-size:16px; color:#fff;">
    333 N. Shore Road<br>
    Beesley's Point, NJ 08223</p>
<a href="https://www.facebook.com/homeandhealthy/>[icon style="font-size: 25px"  type="facebook"]</a>

Hope that helps

Joao

[Author]

Posts