Trying to replicated this video

[piexec]

Layout Tricks: Auto-Responsive Columns (Part 2)

I’m trying to replicate the video above, and I’ve got almost everything correct, but for some reason the gap height and width doesn’t put any spacing between my icons. Can you help with where I’m going wrong please. See screen recording at: http://youtu.be/z1LZij8JO1w?hd=1

Thanks in advance!

[tristup]

Hi @piexec,

Gap attribute works with the multiple columns inside a row, as per the video you have added a single column and tried to add a gap between the icon elements.
You need to add margin into the icon element to get the gap between it.

Hope it helps.

Thanks

[piexec]

Awesome! That worked great! My final question is… I installed Google Voice extension on Chrome. How can I stop the phone numbers from getting highlighted BLUE in all browsers. I want my customers to see the phone number how I styled it.

[nabeel]

Hey @piexec,

I checked your page and this is how I see your phone number:

Perhaps this is your chrome extension which is changing the appearance of phone numbers. Your clients will be able to see this correctly as this is a browser specific issue. You can verify this by disabling your chrome’s extension.

Hope this helps!

[piexec]

It is the Google Voice chrome extension that is causing it. How can I prevent it, and other extensions like Skype from changing the phone numbers on my pages to BLUE? Maybe with CSS?

[tristup]

Hi @piexec,

I have checked with all major browsers like Google Chrome, Internet Explorer, Mozilla Firefox, and found the same output.
The color is the same as what you set to the Primary text of the button element.

If you are still having this issue, please mention the device, browser name and version and also operating system you are using, that helps us to replicate the issue at our end.

Thanks

[piexec]

Again, its because of the Google Voice extension. See screen recording: http://youtu.be/VQb_mZe-5Lo?hd=1

I want to manually force this BLUE highlight to be disabled via code. Do you know of a way?

Thanks in advance

[prakash_s]

Hello @piexec

It is an issue of 3rd party conflict. You should report to Google Voice extension developer about this issue. Google Voice extension should not be adding styles to website links.

Please note that we do not provide support to a third-party product. It out of the support scope .

Thanks