• My WordPress site has developed a problem in that text blocks are not wrapping around image blocks anymore as expected. I researched a bit, and I suspect it has something to do with a conflict between the theme and custom CSS. Any help troubleshooting will be appreciated.

    I use the Stewart theme and the full-site editor. My site is – This just started happening after recent WP updates and has affected all of my prior posts as well as keeping me from wrapping around images in new posts.

    Here are links to screenshots showing what it looks like when I am editing compared to what is appearing on the live site.

    what it looks like in edit modehttps://imgur.com/a/D8l5hgT

    what it looks like livehttps://imgur.com/a/YPO1aQ5

    Here is the custom CSS on the site — I don’t understand it all as I am not a CSS person and someone else who is not available at the moment helped me set up the site and created the custom CSS – I tried removing all of the additional CSS and it did not solve the problem:

    @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
    
    *{font-family: 'Lato', sans-serif;}
    
    .wp-container-622d1d8871970 > .alignwide{
    max-width:1366px!important;
    }
    .wp-block-pages-list__item, .wp-block-navigation-item{
    background: #F46000!important;
    padding: 5px!important;
    border-top-right-radius: 15px;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
    margin-left:5px;
    font-size:15px!important;
    
    
    }
    .wp-block-pages-list__item a, .wp-block-navigation-item a{
    text-decoration:none!important;
    font-family:'roboto';
    font-weight:500;
    }
    #wp-block-archives-622dbf62321f0{
    padding: 10px!important;
    width: 100%!important;
    border-radius: 10px!important;
    }
    .wp-block-page-list, .wp-block-navigation__container{
    width:100%;
    }
    .ar_cus_class{
    width:100%!important;
    }
    .ar_cus_class label{
    text-align:center!important;
    font-size:24px;
    font-family:"lato";
    font-weight:700;
    color:#fff;
    }
    .ar_cus_class select{
    width: 95%;
    padding: 15px;
    border-radius: 15px;
    display: block;
    }
    .ar_cus_class select option{
    display:block;
    }
    .wp-block-navigation__submenu-container{
    width: 90%;
    margin-left: 5%;
    background: transparent;
    }
    .wp-block-navigation__submenu-container li{
    margin-bottom:5px;
    }
    .wp-block-navigation__submenu-container li a{
    padding:0px;
    }
    .wp-block-navigation .wp-block-page-list, .wp-block-navigation__container{
    gap:5px;
    }
    .wp-block-tag-cloud{
    background:#fff;
    margin:5px;
    border-radius:15px;
    }
    .wp-block-tag-cloud a{
    text-decoration: none;
    color: #000;
    
    }
    .wp-block-tag-cloud, .wpforms-container, .ar_cus_class{
    padding:10px!important;
    }
    .wp-block-tag-cloud a:hover{
    color: #fff;
    background: #F35F00;
    }
    .wp-block-loginout{
    text-align:center;
    width:100%;
    }
    .wp-block-loginout a{
    background:#F35F00;
    width:100%!important;
    padding:10px 80px;
    border-radius:50px;
    text-decoration:none;
    color:#fff;
    }
    .side_menu{
    padding:10px 0px
    }
    .wp-block-kadence-posts .loop-entry.type-post .entry-taxonomies .category-style-pill a{
    background:#F35F00;
    }
    .kt-blocks-above-categories a{
    padding: 0.25rem;
    border-radius: 0.25rem;
    margin-bottom: 0.25rem;
    display: inline-block;
    line-height: 1.2;
    background: #F35F00;
    font-size: 14px;
    font-family: 'work sans';
    font-weight: 700;
    color: #fff;
    letter-spacing: 1.5px;
    text-decoration: none;
    }
    .kt-blocks-post-grid-item-inner h2{
    font-size: 20px!important;
    font-family: 'Roboto';
    color: #000;
    font-weight: 600;
    }
    
    .entry-content-wrap .entry-title a{
    font-size: 33px;
    font-family: 'lato'!important;
    font-weight: 300!important;
    color: #000;
    text-decoration: none;
    text-transform:uppercase;
    }
    .entry-summary p{
    font-size: 15px;
    font-family: 'Lato';
    color: #000;
    font-weight: 500;
    }
    .entry-footer div p a{
    background: #F35F00;
    padding: 10px;
    color: #fff!important;
    }
    .current{
    background: #F35F00!important;
    border: 2px solid #F35F00!important;
    color: #000!important;
    padding:8px 18px;
    }
    .nav-links a, .dots, .page-numbers a{
    background: #fff!important;
    text-decoration: none;
    border: 2px solid #000!important;
    color: #000!important;
    }
    .site_title_class a:hover{
    color:#fff!important;
    }
    .wp-container-622e5d2bc98d0, .wp-container-622e6b43dc605{
    z-index:100!important;
    }
    .wp-block-post-content{
    font-size: 18px;
    color: #000;
    font-weight: 500!important;
    font-family: auto;
    text-align: justify;
    padding: 0px 25px 0px!important;
    }
    a{
    text-decoration:none;
    }
    p{
    font-family:'lato'!important;
    font-weight:300;
    }
    .wpforms-container-full {
    margin-bottom: -10px!important;
    }
    figure .wp-block-post-title{
    padding-left:25px!important;
    color:#000!important;
    margin-bottom:10px;
    }
    .wp-block-search__button-inside{
    text-align:center;
    }
    .wp-block-search__label{
    font-size:24px;
    color:#fff;
    display:none;
    }
    .synved-social-button-follow{
    display:none!important;
    }
    .taxonomy-post_tag a{
    background-color: #767676;
    border-radius: 0 2px 2px 0;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2727272727;
    margin: 2px 4px 2px 10px;
    padding: 3px 7px;
    position: relative;
    text-transform: uppercase;
    }
    .taxonomy-post_tag a:hover {
    background-color:#f35f1d;
    }
    .taxonomy-post_tag a:hover:before{
    border-right-color:#f35f1d;
    }
    .taxonomy-post_tag a:before{
    border-top: 10px solid transparent;
    border-right: 8px solid #767676;
    border-bottom: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    left: -8px;
    width: 0;
    }
    .taxonomy-post_tag a:after{
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 4px;
    position: absolute;
    top: 8px;
    left: -2px;
    width: 4px;
    }
    
    p,h3,b, .says, .comment-metadata a time {
    color:#000;
    font-family:'lato';
    }
    .wp-block-post-comments{
    padding:0px 25px;
    }
    .post-navigation-link-next a:hover, .post-navigation-link-previous a:hover{
    color:#F35F00;
    }
    .post-navigation-link-next a,.post-navigation-link-previous a{
    font-size:15px;
    }
    .synved-social-button-share {
    
    padding: 5px!important;
    }
    .f_lato, h1, .wp-block-post-title{
    font-family:'lato'!important;
    font-weight:300!important;
    
    }
    .f_lato a{
    color:#000;
    padding-left:10px;
    }
    .post_tt li{
    background:#fff;
    }
    .wp-block-query-pagination-numbers span{
    padding: 8px 18px;
    font-weight: 700;
    font-size: 14px;
    margin: 5px;
    display: inline-block;
    float: none;
    min-width: 14px;
    text-align: center;
    }
    .wp-block-query-pagination-numbers a{
    padding: 8px 18px;
    font-weight: 700;
    font-size: 14px;
    margin: 5px;
    display: inline-block;
    float: none;
    min-width: 14px;
    text-align: center;
    border:2px solid #000;
    }
    .category-uncategorized{
    display:none;
    }
    .avatar{
    width:15px;
    height:15px;
    }
    .wp-block-post-author__name{
    color:#767676;
    
    }
    .mar{
    margin-left:25px;
    }
    .wp-container-62323656dcff1 .wp-block-spacer{
    display:none!important;
    }
    /*.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child){
    margin-left:0px;
    }*/
    .post_tag_class{
    margin-top:0px;
    position:relative;
    top:-210px;
    }
    .wp-block-post-terms__separator{
    color:#fff;
    }
    .sig_post_meta{
    margin-top:0px;
    }
    time{
    font-family:'lato';
    }
    
    .sharedaddy{
    position:relative;
    bottom:-85px;
    }
    #CC{
    margin-top:0px;
    }
    .recent .kt-blocks-post-grid-item-inner h2 a{
    font-size:33px;
    }
    .wp-block-navigation__responsive-container-content, .is-menu-open{
    background:#263248;
    }
    .is-responsive{
    z-index:100;
    }
    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
    background:#263248;
    }
    .dnone,
    .paged-1 .recent,
    .paged-2 .recent,
    .paged-3 .recent,
    .paged-4 .recent,
    .paged-5 .recent,
    .paged-6 .recent,
    .paged-7 .recent,
    .paged-8 .recent,
    .paged-9 .recent,
    .paged-10 .recent,
    .paged-11 .recent,
    .paged-12 .recent,
    .paged-13 .recent,
    .paged-14 .recent,
    .paged-15 .recent,
    .paged-16 .recent,
    .paged-17 .recent,
    .paged-18 .recent,
    .paged-19 .recent,
    .paged-20 .recent,
    .paged-21 .recent,
    .paged-22 .recent,
    .paged-23 .recent,
    .paged-24 .recent,
    .paged-25 .recent,
    .paged-26 .recent,
    .paged-27 .recent,
    .paged-28 .recent,
    .paged-29 .recent,
    .paged-30 .recent,
    .paged-31 .recent,
    .paged-32 .recent,
    .paged-33 .recent,
    .paged-34 .recent,
    .paged-35 .recent,
    .paged-36 .recent,
    .paged-37 .recent,
    .paged-38 .recent,
    .paged-39 .recent,
    .paged-40 .recent{
    display:none!important;}
    • This topic was modified 1 year, 2 months ago by James Huff. Reason: redundant link removed

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Text Blocks not Wrapping Around Image Blocks’ is closed to new replies.