Icon Group is Not Centered - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Icon Group is Not Centered

T

Tuan

SP Page Builder 4 years ago

Hi team,

The icon group on the footer section (social media icons) is not centered even when I have configured it to be centered. Can you please help?

0
Website
http://tnguyen.me/
10 Answers
Order by
Oldest Newest Votes
Pavel
Pavel
Accepted Answer
4 years ago #36318

Hi. Tuan. This code is unacceptable and not correct. It is just a terrible crutch that requires a bunch of code for mobile devices. I would recommend to delete it.

#sppb-addon-1632864457084 .sppb-icons-group-list li#icon-1632864457086 a {
    padding: 0px 0px 0px 30px;   
}

#sppb-addon-1632864457084 .sppb-icons-group-list li#icon-1632864457085 a {
    padding: 0px 0px 0px 200px;
}

After deleting the code, remove padding-left in the column settings so that the position of the icons becomes like on my screenshot.

Add some class name here. For exemple centered-icons

Use following code

.centered-icons .sppb-icons-group-list {
    margin: 0 auto;
}

After that it will look like this and no additional code will be required.

But why do we need to hack it like this, why doesn't the alignment setting work for this add-on?

There are no settings for centering the group. Only for a separate icon.

0
Anne
Anne
Accepted Answer
Support Agent 4 years ago #36246

Hello there

Thanks for contacing with us. Please use this code in Custom CSS option:

#sppb-addon-1632864457084 .sppb-icons-group-list li#icon-1632864457086 a {
    padding: 0px 0px 0px 30px;   
}

#sppb-addon-1632864457084 .sppb-icons-group-list li#icon-1632864457085 a {
    padding: 0px 0px 0px 200px;
}

-Regards

0
T
Tuan
Accepted Answer
4 years ago #36273

Hi Anne,

Unfortunately the CSS code had no change the the icon group is still not centered. Could you please take a look?

I have shared admin login details.

And why would a custom code be needed, shouldn't the alignment setting of Icon Group add-on work to make it centered in the column?

Thanks

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 4 years ago #36283

Hi,

It seems ok on my end

https://prnt.sc/1u7e7h4

-Regards

0
Anne
Anne
Accepted Answer
Support Agent 4 years ago #36289

Hello there

Your icon group has centered. Please, check your site.

-Regards

0
T
Tuan
Accepted Answer
4 years ago #36306

Hi,

It is still a bit off centered.

But why do we need to hack it like this, why doesn't the alignment setting work for this add-on?

Thanks

0
Pavel
Pavel
Accepted Answer
4 years ago #36322

Hi Anne. Today, the prize for the most terrible decision belongs to you :). Do not be offended, just a joke.

0
Anne
Anne
Accepted Answer
Support Agent 4 years ago #36324

Hello Pavel,

Thanks for the explanation. (And for the prize too. :) :). Don't worry. I took it as a joke .)

-Regards

0
T
Tuan
Accepted Answer
4 years ago #36391

Hi Pavel,

Thanks it works!

0
Pavel
Pavel
Accepted Answer
4 years ago #36464

Hi. You are wellcome

0