#1. Header Icons
You can use this code to Custom CSS box
// header icons //
div.header-actions--right .header-actions-action--social .icon {
margin-left: 3.2vw !important;
}
![]()
Result
![]()
#2. All Social Links block
You can use this code to Custom CSS box
// all social links block //
div.socialaccountlinks-v2-block nav>a {
margin-left: 20px !important;
margin-right: 20px !important;
}
![]()
Result
![]()
#3. Specific Social Links Block
First, you need to find Social Links Block ID:
In my example, we will have: #block-yui_3_17_2_1_1727709500149_14106
![]()
Next, use this code to Custom CSS box
// specific social links block //
#block-yui_3_17_2_1_1727709500149_14106 nav>a {
margin-left: 20px !important;
margin-right: 20px !important;
}
![]()