adding a short code to a Swift Slide result in an ugly interface that needs major fixing
i added this css to prettify
/* start of caption code under swift slider */
.caption-excerpt pre {
display: flex;
flex-direction: column;
background: black;
overflow-y:hidden;
overflow-x:hidden;
margin: auto;
width: 90%;
}
.add_to_cart_inline {
display: flex;
flex-direction: column;
background: black;
border: 0 !important;
margin: auto;
width: 90%;
}
.post-14915 del .amount {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: white;
font-size: 135%;
}
.post-14915 ins .amount {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: red;
font-size: 165% !important;
background-color: black !important;
}
.post-14915 .sf-icon-add-to-cart {
font-size: 200%;
}
.post-14915 .wp-caption-text {
font-size: 70% !important;
}
/* end of caption code */
however, i cannot get rid of the faint greyish rectangle that surrounds the sale price
you can see this here
https://needlepoint.land/index.php/clearance-2/
id test
pwd urmyrombios
on a related track, how do i write a css selection statement for this atelier class statement:
class: “brush: php; gutter: false”
css chokes on this, and i would be very interested in learning how to select this class correctly.
much appreciated
cheers
ali
.