centering images

Hey sitibus,

They are centered in the table which you are currently using, I’m not sure exactly how you want to center them though? Maybe you have a screenshot highlighting your intentions?

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

#container-icone br {
  display: none;
} 

#container-icone {
  text-align: center;
}

Best regards,
Rikard

Hi,

If it’s the bottom icons you are trying to align, then yes, you can leave your markup in there.

Best regards,
Rikard

Hi,
To increase the space between them you would add padding like this:

.icona-social {
    padding-right: 5px;
    padding-left: 5px;
}

Best regards,
Mike

Hi,
I had meant in the Quick CSS, but when I logged in and tried it I noticed the icons became smaller so I adjusted to this:

#container-icone .icona-social {
    padding-right: 5px;
    padding-left: 5px;
    height: 40px;
    width: 50px;
}

Please see the screenshot in the Private Content area of the before & after and clear your browser cache and check.

Best regards,
Mike

Hi,
Odd, I don’t believe that this is related to the above css, have you added any new plugins or made any changes since it was working correctly last? It looks like the Advanced Layout Builder was used last to edit your product this would override the default woocommerce layout which I thought was what had been using in the past.
Try reverting back to using the default editor with revisions.

Best regards,
Mike