Docs

[SUITED]

Hello,

Because I need side-by-side buttons on this landing page for a client, I resorted to the button shortcodes in a single row/column, as compared to buttons in separate columns, that ‘stack’ vertically in mobile- something I do not want!

The ‘icon-only button shortcode’ works, but leaves the icon frustratingly just off-center. I’ve tried wrapping the shortcode in <center></center>, and assorted other css in the custom css section, but no luck. Again, I need these as shortcodes, as button ‘elements’ wont sit side-by-side.

Home

Help please!

Thanks,

Drew

[Friech]

Hi Drew,

Thanks for writing in! Are you referring to the social icons button underneath the COMING FALL 2016? They are centered in my end.

http://prntscr.com/bz9s9f

If you wouldn’t mind please provide us with a little more clarification (perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Cheers!

[SUITED]

To clarify-

I’m referring to the Facebook, Instagram, and Twitter buttons just above the ‘keep me posted’ button. Those are ‘icon-only’ shortcode buttons, not regular elements. I couldnt use a drag-n-drop element in that row/column. I had to use icon-only button shortcode so that the buttons would appear side-by-side (particularly in mobile) as you see. However, the FB, IG, and TW icons are not perfectly ‘centered’ … they’re off to the left a tad. Small detail, but annoyingly obvious visually, and knowing the icons center just fine as a regular button element.. its driving me crazy! can you help me center those social icons in those shortcode buttons?

Thanks,

Drew

[Nico]

Hi There,

Thanks for writing in.

Try adding this in your Customizer > Custom > CSS:

.page-id-24 .x-btn [class*="x-icon-"]{
    margin: 0;
}

Hope it helps.

Let us know how it goes.

THanks.

[SUITED]

Thanks Nico- that did the trick!

Best Regards,

Drew

[Thai]

If you need anything else please let us know.

[Author]

Posts