Aangemaakte reacties

15 reacties aan het bekijken - 106 tot 120 (van in totaal 120)
  • Geen idee of ik kan helpen maar om wel een idee te krijgen moet ik wel de website zien. Mag ik dus misschien het adres naar je website?

    Volgens mij zijn dit standaard WP vragen, waar ik je niet mee kan helpen, maar plaats je bericht eens op dit https://nl.wordpress.org/support/forum/algemeen/ gedeelte van dit forum.

    Het is in ieder geval niet iets wat je met css zou moeten regelen.

    Sorry, maar de !important is niet voor dit bedoeld maar een noodoplossing om iets voor elkaar te krijgen. Meestal is dat het uitschakelen van de stijl declaraties die in het html zelf staan en is het dus verstandiger om te kijken of je dat kan veranderen dan om de !important te gebruiken.

    Door zo veel code moet de browser ook langer “nadenken” voor dat hij de pagina kan laten zien dus uit het snelheidsoogpunt is het ook al geen goed idee.

    De enige manier waarop je dat kan bereiken is door een frame’s pagina te maken. Dan laat je alleen de voetnoot staan terwijl de rest vernieuwt.
    Maar ik zou dat niet adviseren want dergelijke pagina’s zijn niet goed indexeerbaar door een zoekmachine.

    Mag ik weten waarom je het wilt zo dat ik met je kan meedenken?

    Dit is eigenlijk niet een vraag die in deze rubriek thuis hoort maar als je de code wel zelf ergens kan plaatsen dan is dit

    <div class="container">
       <div class="wpb_row vc_row-fluid" style="padding-bottom: 10px;padding-top: 10px;">
          <div class="wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner ">
             <div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_icon_element-align-center">
                <div class="vc_icon_element-inner vc_icon_element-color-green vc_icon_element-size-lg vc_icon_element-style- vc_icon_element-background-color-grey">
                   <span class="vc_icon_element-icon fa fa-check"></span></div>
                </div>
                <div class="wpb_text_column wpb_content_element  vc_custom_1434635294850">
                   <div class="wpb_wrapper">
                      <h5 style="text-align: center;">Alles op voorraad</h5>
                   </div>
                </div>
                <div class="wpb_text_column wpb_content_element  vc_custom_1434026675824 hide_mobile">
                   <div class="wpb_wrapper">
                      <p style="text-align: center; font-size: 15px;">Elke kliko ombouw is uit voorraad leverbaar</p>
                   </div>
                </div>
             </div>
          </div>
       </div>
       <div class="wpb_column vc_column_container vc_col-sm-3">
          <div class="vc_column-inner ">
             <div class="wpb_wrapper">
                <div class="vc_icon_element vc_icon_element-outer vc_icon_element-align-center">
                   <div class="vc_icon_element-inner vc_icon_element-color-green vc_icon_element-size-lg vc_icon_element-style- vc_icon_element-background-color-grey">
                      <span class="vc_icon_element-icon fa fa-envelope"></span>
                   </div>
                </div>
                <div class="wpb_text_column wpb_content_element  vc_custom_1484328758676">
                   <div class="wpb_wrapper">
                      <h5 style="text-align: center;">Klantenservice</h5>
                   </div>
                </div>
                <div class="wpb_text_column wpb_content_element  vc_custom_1484328676057 hide_mobile">
                   <div class="wpb_wrapper">
                      <p style="text-align: center; font-size: 15px;">Wij beantwoorden onze e-mails dagelijks</p>
                   </div>
                </div>
             </div>
          </div>
       </div>
       <div class="wpb_column vc_column_container vc_col-sm-3">
          <div class="vc_column-inner ">
             <div class="wpb_wrapper">
                <div class="vc_icon_element vc_icon_element-outer vc_icon_element-align-center">
                   <div class="vc_icon_element-inner vc_icon_element-color-green vc_icon_element-size-lg vc_icon_element-style- vc_icon_element-background-color-grey">
                      <span class="vc_icon_element-icon fa fa-wrench"></span>
                   </div>
                </div>
                <div class="wpb_text_column wpb_content_element  vc_custom_1470131065728">
                   <div class="wpb_wrapper">
                      <h5 style="text-align: center;">Maatwerk mogelijk</h5>
                   </div>
                </div>
                <div class="wpb_text_column wpb_content_element  vc_custom_1470131245695 hide_mobile">
                   <div class="wpb_wrapper">
                      <p style="text-align: center; font-size: 15px;">Neem contact op voor de mogelijkheden!</p>
                   </div>
                </div>
             </div>
          </div>
       </div>
       <div class="wpb_column vc_column_container vc_col-sm-3">
          <div class="vc_column-inner ">
             <div class="wpb_wrapper">
                <div class="vc_icon_element vc_icon_element-outer vc_icon_element-align-center">
                   <div class="vc_icon_element-inner vc_icon_element-color-green vc_icon_element-size-lg vc_icon_element-style- vc_icon_element-background-color-grey">
                      <span class="vc_icon_element-icon fa fa-eur"></span>
                   </div>
                </div>
                <div class="wpb_text_column wpb_content_element  vc_custom_1433921646109">
                   <div class="wpb_wrapper">
                      <h5 style="text-align: center;">Laagste prijs garantie</h5>
                   </div>
                </div>
             <div class="wpb_text_column wpb_content_element  vc_custom_1434026691175 hide_mobile">
                <div class="wpb_wrapper">
                   <p style="text-align: center; font-size: 15px;">Bij Kliko ombouw.nl gegarandeerd de laagste&nbsp;prijs</p>
                </div>
             </div>
          </div>
       </div>
    </div>

    de code die nu gebruikt word.

    Forum: Thema en CSS/opmaak
    In antwoord op: achtergrond wijzigen

    Als ik naar je website kijk is deze volgens mij nog helemaal niet geschikt voor het bekijken op een mobieltje.

    Als ik kijk dan is je voetnoot al zwart. Geen hulp meer nodig dus?

    Sorry, ik weet niets van WP maar wel hoe je dat met css kan verbergen. En om je daar voor de juiste gegevens te geven heb ik echt je websiteadres nodig.

    Let goed op dat je media query’s hebt en dit dus niet overal kan neer zetten.
    Als je gaat “spelen”met de volgende css

    @media screen and (min-width: 61.5625em){
       .site-branding, .site-header-menu, .header-image {
          margin-top: 1.75em;
          margin-bottom: 1.75em;
       }
    }

    dan word het een rommeltje maar als je nu hierbij gaat zetten dat je voor het id site-header-menu een margin-top van min 75 pixels wilt hebben word het een stuk leuker.
    Dan komt het er zo uit te zien

    @media screen and (min-width: 61.5625em){
       .site-branding, .site-header-menu, .header-image {
          margin-top: 1.75em;
          margin-bottom: 1.75em;
       }
       #site-header-menu{
          margin-top:-75px;
       }
    }

    Kijk wel goed of er op andere breedtes van schermen niets raars gebeurt!
    Dit, http://www.responsinator.com/?url=https%3A%2F%2Fwww.timhupkes.com, vind ik wel een handige website want je kan ook surfen in de venstertjes.

    In het css kan je een nieuwe declaratie maken waarbij je de class of id de waarde display:none; mee geeft. Dan zie je de grijze balk niet meer.

    Natuurlijk kan dat en kijk/lees deze https://blanken5.home.xs4all.nl/WP_themaMaken.html pagina eens door.
    wat je ook nodig hebt is een hele hoop geduld voor dat alles werkt zo als jij wilt.

    Volgens mij heb je dit al zelf opgelost maar het word mooier als je de achtergrond van het menu wit maakt met background-color: #fff;
    Verdwijnt alles er achter als je gaat scrollen in de desk/laptopversie.

    In het elements.scss staat de verwijzing naar de blur

    .blazy {
        -webkit-filter: blur(50px);
        filter: blur(50px);
        -webkit-transform: scale(1);
        -khtml-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }

    Ga eens werken met border-radius: 25px;
    Je hoeft geen rand/border neer te zetten want ieder element heeft al een border/rand.

    Ja, natuurlijk kan jij die none aanpassen maar ik heb geen idee waar je dat moet doen. In dit gedeelte van het forum komen de vragen over css en dergelijke en daar heb ik wel een beetje verstand van maar van WP absoluut niet en dat wil ik graag zo houden.

15 reacties aan het bekijken - 106 tot 120 (van in totaal 120)