Support » Algemene WordPress vragen » het gaat soms fout na tijdje met mij website pagina’s die ik ben mee bezig

  • Hallo,
    ik heb deze full width template gemaakt voor een specifieke pagina.het is gemaakt met foundation Grid system classen :
    de code is:

    
    <?php
     /*
     Template Name: Full Width
     */
     
    get_header(); ?>
                     
    <div id="primary" class="content-area">
    		<main id="main" class="site-main" role="main">
    		
    		
    
    <div class="expanded row">
    <div class=" small-8 column">
    <div class="section-repair">
    <div class="expanded row">
    <div class="subsection1-repair small-6 column"></div>
    <div class="subsection2-repair small-6 column"></div>
    </div> </div>
    <div class="section-repair2 ">
    <div class="expanded row">
    <div class="subsection1-repair2 small-6 column"></div>
    <div class="subsection2-repair2 small-6 column">  </div>
     </div> </div>
    
    <div class="section-repair3">
    <div class="expanded row">
    <div class="subsection1-repair3 small-6 column"></div>
    <div class="subsection2-repair3 small-6 column"></div>
     </div> </div>
    
    <div class="section-repair4">
    <div class="expanded row">
    <div class="subsection1-repair4 samll-6 column"></div>
    <div class="subsection2-repair4 small-6 column"> </div>
    </div> </div>
    <div class="section-repair5">
    <div class="expanded row">
    <div class="subsection1-repair5 small-6 column"></div>
    <div class="subsection2-repair5 small-6 column"> </div>
    </div> </div>
    <div class="section-repair6">
    <div class="expanded row">
    <div class="subsection1-repair6 small-6 column"></div>
    <div class="subsection2-repair6 small-6 column"> </div>
    </div></div>  
    </div>
    
    <div class="small-4 column">
    <div class="expanded row">
    <div class="aside1-header-tekst small-12 column">Adres en contactgegevens</div>  </div>
    
    <div class="section-aside1">
    <div class="expanded row">
    <div class="subaside1 small-4 column">
    <?php 
    echo do_shortcode('[smartslider3 slider=140]');
    ?>
    </div>
    <div class="subaside1-section2 small-8 column">
    David's APK Station</br>
    Klompenmakerstraat 123</br>
    3194 DD Hoogvliet RT                            
      </div>
    </div> 
    <div class="expanded row">
    <div class="subaside2 small-2 column">
    <?php 
    echo do_shortcode('[smartslider3 slider=141]');
    ?>
    
       </div>
    
    <div class="subaside2-section2 small-8 small-pull-2 column">010-XXXXXX </div>
    </div>
    <div class="expanded row">
    <div class="subaside3 small-2 column"><?php 
    echo do_shortcode('[smartslider3 slider=142]');
    ?>  </div>
    <div class="subaside3-section2 small-8 small-pull-2 column">>Plan route  </div>
    </div>
    <div class="expanded row">
    <div class="subaside4 small-10 column">  </div>
    </div>
    <div class="expanded row">
    <div class="subaside5 small-12 column">Openingstijden David's APK Station Hoogvliet</div>
    </div>
    <div class="expanded row">
    <div class="subaside6 small-4 column">
    <table>
    <tbody>
    <tr>
    <td>
    Maandag
    Dinsdag
    Woensdag
    Donderdag
    Vrijdag
    Zaterdag
    Zondag
    </td>
    </tr>
    </tbody>
    </table>
    
      </div>
    <div class="subaside6-section2 small-6 small-pull-2 column"> 
    <table>
    <tbody>
    <tr>
    <td>08.00 - 18.00 uur
    08.00 - 18.00 uur
    08.00 - 18.00 uur
    08.00 - 18.00 uur
    08.00 - 18.00 uur
    08.00 - 13.00 uur
    Gesloten</td>
    </tr>
    </tbody>
    </table>
    
     </div>
    </div>
    </div><!--  end van aside1 -->
    <div class="expanded row">
    <div class="aside2-header-tekst small-12 column">Klantboordeling</div>
    </div>
    
    <div class="section-aside2">
    <div class="expanded row">
    <div class="KB-section1 small-7 column"><?php 
    echo do_shortcode('[smartslider3 slider=145]');
    ?> </div>
    <div class="KB-section2 small-5 column"></div>
    </div> </div>
    
    <div class="expanded row">
    <div class="aside3-header-tekst small-12 column">Werkplaats Afspraak</div> </div>
    
    <div class="section-aside3">
    <div class="expanded row">
    <div class="WA-section1 small-6 column"> </div>
    <div class="WA-section2 small-6 column"></div>
    </div> </div>
    
    <div class="expanded row">
    <div class="aside4-header-tekst small-12 column">Facebook David's APK Station</div> </div>
    
    <div class="section-aside4">
    <div class="expanded row">
    <div class="Facebook-section1 small-6 column"><?php 
    echo do_shortcode('[smartslider3 slider=146]');
    ?> </div>
    <div class="Facebook-section2 small-6 column">> Volg ons op Facebook</div>
    </div> </div>
    
    <div class="expanded row">
    <div class="aside5-header-tekst small-12 column">Twitter David's APK Station</div>  </div>
    <div class="section-aside5">
    <div class="expanded row">
    <div class="Twitter-section1 small-6 column"><?php 
    echo do_shortcode('[smartslider3 slider=147]');
    ?></div>
    <div class="Twitter-section2 small-6 column">> Volg ons op Twitter</div>
    </div>
    </div>
    </div>
    </div>
         
    				<?php get_template_part('template-parts/content',  'page' );
    
     
      ?> 			
    </main>
    </div>	
    
    <?php
    get_footer();
    
    

    het werkt tijdelijk helemaal in orde maar in eens als ik iets fout doen dan gaat de slider images of het borders hoogte kleiner worden dat wat ik heb gecodeerd in CSS
    U kunt zien op deze url wat ik bedoel:http://webdesignleren.net/reparatie-ondehoud/
    wat het kan eigenlijk het probleem zijn ik heb ook het cashe leeg gemaakt.
    ik heb kleine gedeelte van CSS code als voorbeeld gezet om laat u duidelijk maken dat alles is OK.
    de CSS code voor repair gedeelde:

    
    .section-repair {
    border:0.050em solid #074e68;
    width:100%;
    height:7em;
    margin-top:1em;
    
    }
    
    .subsection1-repair {
    list-style-type:none;
    padding-top:0.90rem;
    padding-left:0.90rem;
    
    }
    .subsection2-repair{
    padding-top:0.90rem;
    padding-right:0.90rem;
    padding-bottom:0.90rem;
    float:right;
    list-style-type:none;
    }
    
    .section-repair2 {
    border:0.050em solid #074e68;
    width:100%;
    height:7em;
    margin-top:1em;
    
    }
    
    .subsection1-repair2 {
    list-style-type:none;
    padding-top:0.90rem;
    padding-left:0.90rem;
    
    }
    .subsection2-repair2  {
    padding-top:0.90rem;
    padding-right:0.90rem;
    padding-bottom:0.90rem;
    float:right;
    list-style-type:none;
    }
    

    en de CSS code voor sidebar sectie is :

    
    /*----------------
    aside1------------*/
    
    .aside1-header-tekst {
    font-size:0.65em;
    font-weight:800;
    margin-top:2em;
    color:#074e68;
    }
    
    .section-aside1  {
    height:14em;
    width:92%;
    border:0.050em solid #074e68;
    margin-top:0.2em;
    
    }
    .subaside1
      {
    padding-top:4.5%;
    padding-left:4.5%;
    float:left;
    
    }
    
    .subaside1-section2
     {
    
    font-size:0.40em;
    padding-left:15.5%;
    padding-top:3.1%;
    float:right;
    font-weight:500;
    }
    .subaside2
     {
    margin-top:1.5rem;
    
    padding-left:4.5%;
    
    }
    .subaside2-section2
     {
    
    font-size:0.40em;
    margin-left:0.5em;
    margin-top:3em;
    float:left;
    font-weight:500;
    }
    
    .subaside3
    {
    float:left;
    margin-top:0.2em;
    padding-left:4.5%;
    
    }
    
    .subaside3-section2
    {
    font-size:0.40em;
    margin-left:1em;
    margin-top:2.5em;
    float:left;
    font-weight:500;
    
    }
    
    .subaside4 {
    content: "";
    display:block;
    margin-top:0.01em;
    margin-left:4.5%;
    margin-right:4.5%;
    border-bottom:0.050em solid #074e68;
    width:90%;
    }
    
    .subaside5
    {
    font-size:0.40em;
    padding-left:4.5%;
    margin-top:0.5em;
    font-weight:500;
    
    }
    
    .subaside6
    {
    font-size:0.40em;
    padding-left:4.5%;
    margin-top:0.5em;
    font-weight:500;
    }
    
    .subaside6-section2
    {
    font-size:0.40em;
    padding-left:4.5%;
    margin-top:0.5em;
    font-weight:500;
    }
    
    td {
    border:hidden;
    }
    
    .aside2-header-tekst {
    margin-top:3em;
    font-size:0.65em;
    font-weight:800;
    color:#074e68;
    
    }
    .section-aside2{
    border:0.050em solid #074e68;
    height:4.25em;
    width:92%;
    margin-top:0.2em;
    
    }
    
    .KB-section1 {
    padding-top:4.5%;
    padding-left:4.5%;
    float:left;
    }
    .aside3-header-tekst {
    margin-top:3em;
    font-size:0.65em;
    font-weight:800;
    color:#074e68;
    }
    
    .section-aside3 {
    margin-top:0.2em;
    border:0.050em solid #074e68;
    height:4.25em;
    width:92%;
    }
    
    .aside4-header-tekst {
    margin-top:3em;
    font-size:0.65em;
    font-weight:800;
    color:#074e68;
    
    }
    .section-aside4 {
    margin-top:0.2em;
    border:0.050em solid #074e68;
    height:4.25em;
    width:92%;
    }
    
    .Facebook-section1 {
    padding-top:4.5%;
    padding-left:4.5%;
    float:left;
    }
    .Facebook-section2 {
    
    font-size:0.40em;
    padding-left:5%;
    padding-top:27.5%;
    float:left;
    font-weight:600;
    color:#074e68;
    }
    
    .aside5-header-tekst {
    margin-top:3em;
    font-size:0.65em;
    font-weight:800;
    color:#074e68;
    }
    
    .section-aside5 {
    margin-top:0.2em;
    border:0.050em solid #074e68;
    height:4.25em;
    width:92%;
    }
    
    .Twitter-section1 {
    padding-top:4.5%;
    padding-left:4.5%;
    float:left;
    }
    .Twitter-section2 {
    
    font-size:0.40em;
    padding-left:5%;
    padding-top:27.5%;
    float:left;
    font-weight:600;
    color:#074e68;
    }
    

    ik wil weten is het fout ligt ergens of het komt door werken met foundation grid systeem.
    Dank U Wel
    johannes

  • Het onderwerp ‘het gaat soms fout na tijdje met mij website pagina’s die ik ben mee bezig’ is gesloten voor nieuwe reacties.