Docs

[Leearna C]

Hi

I have a website where the icon list will not align the icon with the text. I have searched your forum and tried every custom css I could find and none are working. Can you please assist.

Site is
http://pestguardtermiteandpest.com.au/

[Rupok]

Hi there,

Are you referring the social share widget? – http://prntscr.com/d420bi

Do you want to align the icons to left? You can add this under Custom > CSS in the Customizer.

.x-sidebar .x-share-options {
  text-align: left;
}

If you are referring something else, kindly clarify and point us that.

Cheers!

[Leearna C]

Hi, yes left aligned but this code does not work.
Any other suggestions?

[Lely]

Hello Leearna,

I found the following part at the start of your custom CSS:

%MINIFYHTML76751c9153e9878cfb93b549658670e91%h3 { font-size: 15px; }
h2 { font-size: 20px; }
h1 { font-size: 20px; }
h3 { font-size: 20px; }

<meta name="google-site-verification" content="mtGdDUhtJiqMfLqsIQJSnVj4coRc6revmF3qB91GSC4" />

Please remove this line: %MINIFYHTML76751c9153e9878cfb93b549658670e91%
and this line too:
<meta name="google-site-verification" content="mtGdDUhtJiqMfLqsIQJSnVj4coRc6revmF3qB91GSC4" />
That is not a CSS code and it will cause CSS syntax error.
You may add the following code to add that line correctly on the header part:

function third_party_tracking_code() { ?>

  <meta name="google-site-verification" content="mtGdDUhtJiqMfLqsIQJSnVj4coRc6revmF3qB91GSC4" />

<?php }

add_action( 'wp_head', 'third_party_tracking_code' );

Add the suggested code again and make sure to delete cache if you have a caching plugin.

Hope this helps.

[Leearna C]

Hi

Obviously my client has been playing with Google analytics. I have deleted the meta name for google but I couldnt find the %MINIFYHTML76751c9153e9878cfb93b549658670e91%h3.

I then tried the code you mentioned and it did nothing. I found the code below on the forum and that seemed to work but it bunched up the text and icons all together.

.x-ul-icons li [class*=”x-icon-“] {
vertical-align: middle;
display: inline-block;
}

Thoughts/suggestions?
Thanks.

[Nabeel A]

Hi again,

Please replace your code with this one:

.x-ul-icons li p {
    display: block !important;
}
.x-ul-icons li [class*="x-icon-"] {
    float: left !important;
    display: block !important;
    margin-right: 15px !important;
}

And make sure to purge all the site’s cache after adding the code. Let us know how this goes!

[Leearna C]

Hi,

That work quite nicely thank you. But one of the lines wraps onto the next line, any code to make that aligned in the top line.

[Christopher]

Hi there,

The text is longer that the others, you need to make it as small as 7px to display it in one line which would be unreadable, see the attachment.

Thanks.

[Author]

Posts