We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!

Answered css not working?

    • 7527
    • 437 Posts
    Along with my homepage, my fact pages changed overnight. The pagetitle and longtitle had seperate css changing their colour. None of the div' s will show the borders as required either. My template code is:
    [[$7in1-header]]
    
    [[$7in1-logo-nav-search-bar]]
    
    					<div class="clear"></div>
    					<div id="page_container" class="grid_16">
    						<div id="container_bkgnd_btm" class="grid_16 alpha omega pngfix">
    							<div id="post_content" class="grid_16 leftPadding20 pngfix">
    								
    									<div class="post-top">
    <h3>[[*pagetitle]]</h3>
    <h5>[[*longtitle]]</h5>
    </div>					
    	
    					
    							<div class="entry">
    		<div id="column_factfile_sidebar"><p>asdfsdsdf</p>
    <p>dfsgsdfgdf</p>
    <p>dfgdfgdfsg</p>
    <p>dfgdfsgsdfg</p>
    <p>sdfgsdfg</p>
    <p>sdfgdsfg</p>
    <p>sdfgdfg</p>
    <p>dfgdfgdfsg</p>
    <p>dfgdfsgsdfg</p>
    <p>sdfgsdfg</p>
    <p>sdfgdsfg</p>
    <p>sdfgdfg</p></div>	
    
    <div id="column_factfile">
    
    		[[*factfile1]]	
    [[*factfile2]]		
    				</div>
    
    <hr width="76%" align="left">
    
    [[*content]]
    		
    					
    <hr width="76%" align="left">				
    										[[Gallery?
       &toPlaceholder=`gallery`
       &album=`Album2`
       &plugin=`galleriffic`
       &numThumbs=`10`
    ]]
     
    [[getImageList? 
      &tvname=`gallery` 
      &tpl=`gallerifficTpl`
      &toPlaceholder=`thumbnails`
    ]]
     
    [[[[+thumbnails:notempty=`$galleriffic`]]]]
    
    									 </div>
    									</div>
    								
    
    							<!-- end post_content -->
    							</div>
    					<!-- end container_bkgnd_btm --></div>
    					
    					<!-- end page_container -->
    					<div class="clear"></div>
    					<div id="bottom_lid" class="grid_16 pngfix"> </div>
    					[[$7in1-bottomwidgets]]
    					<div id="footer_lid" class="grid_16 pngfix"> </div>
    					[[$7in1-footer]]


    The css for this particular section of errors is:

    #gal-gaff-gallery {
    float:left;
    width: 400px;
    height: 400px;
    margin-left: 120px;
    }
    div.galleriffic div.slideshow img {
    float:left;
    margin-left: 23px;
    }
    #gal-gaff-thumbs{
    float:left;
    width: 640px !important;
    }
    .post-top2 {
        clear: both;
        float: left;
        padding-bottom: 7px;
        position: relative;
        width: 100%;
    }
    .post-top h5 {
        color: #dd7500;
    }
    .post-top h3 {
        color: #6A9D19;
    }
    #column_factfile {
    width: 715px;
    border: 1px solid #000000;
    }
    
    #column_factfile_sidebar {
    width: 200px;
    border: 1px solid #000000;
    float:right;
    margin-right:20px;
    }
    #gal-gaff-caption.caption-container {
    height:30px;
    }
    #gal-gaff-thumbs.navigation {
    width:900px !important;
    }


    It seems the only common denominator in my home and fact pages is the <div class="entry">?

    Please help!! Thanks

    This question has been answered by distant_smile. See the first response.

      www.PawsForWildlife.co.uk
      www.Borntobrick.co.uk
      • 46886
      • 1,154 Posts
      Can you provide a page link? In your other posting I did find the borders worked.

      For the <h3> and <h5>, often these are defined more generally, I mean here you have defined them according to the .post-top selector, but if they are defined elsewhere then that may be overriding. Be careful as you probably have multiple css files involved.
      • discuss.answer
        • 7527
        • 437 Posts
        Well I reloaded the css and all seems back to normal!
          www.PawsForWildlife.co.uk
          www.Borntobrick.co.uk
          • 46886
          • 1,154 Posts
          Great! Yeah when changing css this sort of stuff happens. It can make you crazy the next morning when everything is broken, and the opposite happens too sometimes, which is nice.

          Clear the cache in the Modx manager every time when changing css, just to be sure. But even then...patience is required sometimes. I have learned the hard way haha.