Can’t override CSS shortcode template
-
Hi, I have modified the style sheet to transform a code snippet to the display flex property, in the folder structure of the child theme … /themes/mytheme-child/ere-templates/shortcodes/property/assets/css
In the files; property.css, property.less and property.min.css.property-info-inner {
display:flex;
justify-content: space-around;
align-items: center;
height: 40px; }In this way, the necessary code is reduced.
It is a small part of what I have modified, but this does not override the css of the plugin template sortcode.property-info-inner { display:flex; justify-content: space-around; align-items: center; /*width: 100%;*/ height: 30px; /*line-height: 30px;*/ overflow: hidden; /*.property-info-item-tooltip { height: 30px; }*/ > div:not(.tooltip) { /*display: inline-block; width: 27%;*/ font-size: 18px; /*line-height: inherit; vertical-align: middle;*/ span:first-child { position: relative; margin-right: 5px; line-height: inherit; } .property-info-value { font-size: 12px; line-height: inherit; vertical-align: bottom; } } /*> div.property-area { width: 46%; } .property-bathrooms { text-align: center; } .property-garage { text-align: right; }*/ } etc... &.property-list { .property-info { margin: 0; margin-top: 7px; /*.property-area { width: 40%; } .property-bathrooms { text-align: center; } .property-garage { text-align: right; }*/ } } &.property-zigzac { /*.property-info-inner { width: 100%; > div { width: 27%; } .property-area { width: 46%; } }*/ }
It’s a great plugin but the css needs to be modernized
Thank you
Regards
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
- The topic ‘Can’t override CSS shortcode template’ is closed to new replies.