Putting Space between large Social Icons

Strike that, wrong link (see I told you I’m green)! Here’s the right link – I hope

https://chayssons.com/?cmp_preview=true

Hello @axxessia, haha sure..

Thanks for your nice review, appreciated!

here is a CSS code for larger spacing around icons:

.social-list a {
    padding: 0 1em;
}

you can fiddle that 1em value to your liking, like 0.8em or so.

Cheers, Alex!

No problem Alex, credit where credit is due.

I’ve added the code, which has put space between. But now the icons are small again and adjusting the font size in the existing CSS hasn’t made a difference. Please advise.

Thanks

Yeah, it seems there is messed up formatting of CSS code which you have inserted in Custom CSS.

Please make sure there is always only one closing bracket for each CSS code, currently you have wrong

.social-list i {
    font-size: 5em;
} } 

which is wrong as there are two closing brackets, correct is:

.social-list i {
    font-size: 5em;
} 

Hope that helps!

Thanks Alex. I removed all instances of double brackets, but still the icons are small. If you can see all the code, is there something that is overriding the icon font size specifications?

Thanks Alex

Aww, you have there one more bug ^^

this is the corrected code:

img {
    max-width: 100%;
    height: auto;
}

.social-list {
    height: 5em;
}

.section-body {
    min-height: calc(100vh - 18em);
}

@media only screen and (max-width: 560px) {
.section-body { min-height: initial; padding: 0 1em;} 
}

.graphic-logo {
    max-width: 250px;
}

.social-list {
    height: 10em;
}

.social-list a {
    height: 5em;
} 

.social-list a {
    padding: 0 1em;
}

.social-list i {
    font-size: 3em;
}  

Thank you, worked beautifully

While we’re on icons, I did want to find out if it would be possible to add floating icons from another plugin, a CRM one to the page. It also has a pop-up?

No, we do not and cannot support another plugin`s content as it usually messes with our own styling and coding.

Sorry.

A.

• This reply was modified 6 years, 9 months ago by NiteoThemes.

Understandable really!

I understand that pages are made up of columns. So, if I insert three icon images with links in the ‘Message’ area of the ‘Global Content’ tab and want them to be stacked in a column on the right hand side of the page, is that possible?

Thanks for your guidance

It would need more coding, we wants CMP pages to be simple for quick maintenance and they are not ready for columns content right now. And as we do not allow 3rd party plugins to mess up with the content it is not really possible right now, sorry!

Wo! Wo! “3rd party plugins to mess up with the content”?

Guys, you’ve misunderstood. I’d already understood your explanation about third party plugins from our thread here. I even said “that’s understandable”. So I wasn’t suggesting adding icons from a third party plugin – just my own icon images.

i’m all for simple and functional as you can see from what I’ve added for my CMP page.

What I am trying to say is that unfortunately it is not possible with current version of CMP to display multi-columns content without further coding and styling.
A.

Yep! I got that too.
A.