Buttons on one line in the same column

Support
#1

Hello,

I am wondering how I can get the buttons (soundcloud/instagram/bandcamp) on my home page to line up horizontal instead of vertical? I want them to stay in the same column.

#2

Or any other possible solution to have the social icon links horizontal instead of vertical would work.

Thanks

#3

Hello @hawkdog,

Thanks for asking. :slight_smile:

Please add class name to column that’s holding social icons. https://cl.ly/0l0F2e0q3I1E

After adding the class name, please add following CSS in Theme Options panel:

.social-icons-section .x-btn {
    float: left;
    width: 30%;
    margin-top: 0;
}

Upon the code, you should see the output similar to screenshot. https://cl.ly/2k0X07150704

You can change the class name social-icons-section as per your requirement.

I also see that you are running quite old version of X Theme 4.6.4 and Cornerstone 2.0.5 on the website. Please note that there can be security and compatibility issues in running old version of X Theme and Cornerstone, plus and more importantly you are missing on latest new features that latest version of X Theme and Cornerstone brings. I that regards I suggest you to please update X Theme and Cornerstone to latest version. I am sharing relevant tutorials links that you can take a look.

https://theme.co/changelog/

Thanks.

#4

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.