• 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)
  • Thread Starter Teresa In

    (@teresa-in)

    … and also in main.css

    wp-content/plugins/essential-real-estate/public/assets/css/main.min.css

    .property-info-item-tooltip {
    	display: flex;
    	align-items: center;
    }
Viewing 1 replies (of 1 total)
  • The topic ‘Can’t override CSS shortcode template’ is closed to new replies.