Skip to content

Instantly share code, notes, and snippets.

@anastransvelo
Last active September 14, 2017 08:49
Show Gist options
  • Save anastransvelo/9703a38a60278eb755d3d1079dc9464f to your computer and use it in GitHub Desktop.
Save anastransvelo/9703a38a60278eb755d3d1079dc9464f to your computer and use it in GitHub Desktop.
Techmarket - My account - Address Edit issue
.woocommerce-MyAccount-content .woocommerce-Address-title {
display: flex;
margin-bottom: 10px;
flex-wrap: nowrap;
}
.woocommerce-MyAccount-content .woocommerce-Address-title h3 {
margin-bottom: 0;
}
.woocommerce-MyAccount-content > .woocommerce-Address {
margin-left: -15px;
margin-right: -15px;
}
.woocommerce-MyAccount-content .col2-set .col-1,
.woocommerce-MyAccount-content .col2-set .col-2,
.woocommerce-MyAccount-content ..woocommerce-Address, {
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce-Address .woocommerce-Address-title a, .woocommerce-Address header.title a {
display: block;
width: 1em;
height: 1em;
text-indent: -9999px;
position: relative;
padding: .875em;
margin-top: .23em;
margin-left: 6px;
}
.woocommerce-Address .woocommerce-Address-title a:before, .woocommerce-Address header.title a:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f044";
line-height: 1.618;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
text-align: center;
text-indent: 0;
}
@media (min-width: 1200px) {
.woocommerce-MyAccount-content .col2-set .col-1,
.woocommerce-MyAccount-content .col2-set .col-2,
.woocommerce-MyAccount-content .woocommerce-Address {
flex: 0 0 50%;
max-width: 50%;
}
}
.woocommerce-MyAccount-content .woocommerce-Address-title {
display: flex;
margin-bottom: 10px;
flex-wrap: nowrap;
}
.woocommerce-MyAccount-content .woocommerce-Address-title h3 {
margin-bottom: 0;
}
.woocommerce-MyAccount-content > .woocommerce-Address {
margin-left: -15px;
margin-right: -15px;
}
.woocommerce-MyAccount-content .col2-set .col-1,
.woocommerce-MyAccount-content .col2-set .col-2,
.woocommerce-MyAccount-content ..woocommerce-Address, {
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce-Address .woocommerce-Address-title a, .woocommerce-Address header.title a {
display: block;
width: 1em;
height: 1em;
text-indent: -9999px;
position: relative;
padding: .875em;
margin-top: .23em;
margin-right: 6px;
}
.woocommerce-Address .woocommerce-Address-title a:before, .woocommerce-Address header.title a:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f044";
line-height: 1.618;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
text-align: center;
text-indent: 0;
}
@media (min-width: 1200px) {
.woocommerce-MyAccount-content .col2-set .col-1,
.woocommerce-MyAccount-content .col2-set .col-2,
.woocommerce-MyAccount-content .woocommerce-Address {
flex: 0 0 50%;
max-width: 50%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment