Aangemaakte reacties

15 reacties aan het bekijken - 16 tot 30 (van in totaal 34)
  • Forum: Thema en CSS/opmaak
    In antwoord op: Logo in header

    De huidige slider komt trouwens niet goed uit de verf in firefox browser.

    Forum: Thema en CSS/opmaak
    In antwoord op: Logo in header

    Dat is mogelijk. Er zijn meerdere manieren maar ik zou het via de code proberen.

    Je kunt het logo in de file header.php of page.php verwerken.
    Ga in de wordpress editor naar de file page.php of header.php.

    Je moet op zoek gaan naar deze stukjes code:
    <div class=”header”>
    <div class=”logo”>

    Het is niet makkelijk ze te vinden. Maar je zou na de div class=logo een nieuwe div kunnen maken:
    <div class=”logo”>
    <div id=”divLogoLeft”>
    <img src=”http://www.http://www.veranderdatgedrag.nl/logo1.jpg”/></div&gt;
    <div id=”divLogoRight”>
    Klaus Toegepaste Gedragswetenschappen
    </div>
    </div>
    Daarna kun je de via css het logo zo plaatsen als je zelf wilt.

    Andere manier:
    Kun je niet het logo invoeren via dashboard-weergave- thema- logo invoeren? Wat komt er dan uit? Misschien kun je het neerzetten dan kijk ik er naar.

    Ik zit even mee te kijken naar het 2014 thema. Bedoel je de slider met de schommel etc op onderstaande link?
    https://twentyfourteendemo.wordpress.com/

    In een slider tekst toevoegen is een stuk lastiger dan een (eigen) banner.
    Misschien zit er in het theme een mogelijkheid om de slider aan te passen.

    Ik zou het alsvolgt aanpakken:
    Een div aanmaken in de banner via de wordpress editor. Daarna de css van de div aanpassen. Bijv:

    #div1{
    float:left;
    width:70%;
    }

    Kun je uitgebreider aangeven waar je het wilt weergeven?

    Thread starter matt10

    (@matt10)

    hoi Ruurd,
    Fijn dat je zoveel mee wilt kijken.
    Ik heb je opzet bekeken en begrijp wat er staat. Ik kreeg daardoor het idee dat mijn probleem alleen bij firefox speelt.

    Ik heb een afbeelding gemaakt waar je kunt zien hoe ik het zie:
    http://www.netwerksupport.nu/margin1.jpg

    Ik heb daar #primary-menu de volgende css meegegeven:
    `
    #primary-menu{
    width:80%;
    margin:auto;
    margin-bottom:50px;
    }
    `

    Klopt het dat je daar nu ook 50px boven de rode menu balk ziet staan?
    tnx!

    Ik heb even gekeken of je het makkelijk kunt invoeren binnen de editor.

    (Je kunt beter niets toevoegen aan e bootstrap.css)

    De opzet van de template is alsvolgt bedoeld:
    –div class row
    —- div #primary 66% width
    —- div secondary 33 % width

    Een div row met daarin 2 divs.

    Bij jou zit het alsvolgt:

    — div class row
    —- div #primary
    einde div row
    — div #secondary

    Dus de secondary div zit niet binnen de row zoals bedoeld.
    Dat is niet zo makkelijk te veranderen. Misschien kun je in de editor naar de file SIDEBAR.php gaan en daar de ‘</div>’ voor <div id=”secondary” class=”widget-area….etc.

    weghalen en die onderaan erbij plakken.

    Andere manier:
    Je kunt het ook via de css proberen op te lossen.

    Voeg dit onderaan de .css file toe:

    .row{
    width:66% !important;
    float:left;
    }
    
    .col-md-8 {
        width: 100% !important;
    }

    Misschien werkt het. Misschien ook niet. Het is niet zo’n makkelijk probleem omdat de divs niet goed nesten. 😉

    Thread starter matt10

    (@matt10)

    Bedankt voor je bericht.

    Toch denk ik dat er nog iets anders speelt. Ik begrijp wat je bedoeld met de margins voor alle 4 de waarden.

    Ik heb de div #divPrimary1 die ik een waarde geef:

    #divPrimary1 {
        margin: 50px auto;
        width: 80%;
    }

    Zoals verwacht komt er een margin van 50px boven en onder deze div.

    Directe link:
    http://www.netwerksupport.nu/wat-is-netwerkcoaching/

    Alleen wordt de witruimte onder #divHeaderTop ook groter terwijl die niet zou mogen veranderen.

    Misschien kun je de waardes van 50px naar 100px veranderen en zie je duidelijker wat er gebeurd?

    Ik heb het probleem in lege pagina nagebouwd met slechts 3 divs en daar is het allemaal geen probleem :S

    Weet je nog iets?

    Thread starter matt10

    (@matt10)

    Hoi,

    Ik heb de site online gezet.
    Het gaat om de voorpagina.
    http://www.netwerksupport.nu/

    Ik heb nu gewoon een margin opgegeven zodat de 2e rode banner met netwerkcoaching helpt wat lager komt te staan.

    Vraag:
    Toch zie ik hier:
    http://yootheme.com/demo/wordpress/eat

    Dat ze de tekst:
    Make your life tasty
    Delicious Template
    New York, Est. 1986

    Precies in het midden hebben gekregen zonder specifieke maten op te geven.

    Normaal zou ik een plaatje in het midden plaatsen via bijv.:
    (height divouter/2) – (height divinner/2)

    en dat als een margin-top geven aan de divinner.

    Op zich kan ik vooruit, maar misschien weet je het antwoord hoe het zonder vooraf bepaalde heights kan?

    Thread starter matt10

    (@matt10)

    Bedankt voor je reply.

    Ik heb het toegevoegd. Voor chrome en IE9 werkt het prima!
    Alleen niet in firefox. Ik snap de logica ook niet.

    Verder vind ik het vreemd dat als ik de #divprimary1 een margin geef van 50px, dat vervolgens de div erboven ook 50 in grootte toe lijkt te nemen?!

    Kun je er nog iets meer over vertellen?

    Thread starter matt10

    (@matt10)

    Hoi Lianne,
    Bedankt voor je reply.
    Ik heb erover heen gekeken 😐

    Kan ik je nog iets vragen?

    Ik probeer de tekst ook in het midden te krijgen.
    Ik heb de volgende css aangemaakt:

    #divBanner{
    width:100%;
    background-image:url(‘http://localhost/afbeeldingen/gebakje.jpg&#8217;);
    background-position: 50% 50%;
    min-height:600px;
    }

    #divBannerInner{
    display: inline-block;
    width:80%;
    margin:auto;
    background-color:red;
    vertical-align: middle;
    text-align: center !important;
    }

    Maar de #divBannerInner blijft bovenin plakken. Ik krijg het niet naar het midden geplaatst.

    Hoe plaats ik de div verticaal in het midden van een andere div?

    In themes/sparkling/inc/css/bootstrap.min.css?ver=4.2.2
    staat het volgende:

    .row::after {
    clear: both;
    }

    Daardoor wordt #secondary pas op de volgende regel geplaatst.
    Je moet de clear:both ongedaan maken in je css file.

    Misschien werkt dit:
    .row{
    clear:none !important;
    }
    toevoegen in je .css file.

    Je moet in ieder geval

    .row::after {
    clear: both;
    }
    In regel 5 van de bootstrap.css aan zien te passen.

    Thread starter matt10

    (@matt10)

    Het werkt!

    Bedankt voor het antwoord Eva.

    Dat kan op meerdere manieren.

    Bijvoorbeeld deze width op 80% zetten in de css file.

    .page-template-blocks-php #wrapper {
    margin: 0;
    max-width: none;
    width: 80%;
    }

    Forum: Code oplossingen gezocht
    In antwoord op: backup maken
    Thread starter matt10

    (@matt10)

    Als iemand me wilt helpen met het maken van een juiste backup dan kun je me ook een mail sturen. Ik hoor het graag!

    Eventueel kan het ook tegen een kleine vergoeding. Of samen eraan werken en kennis delen. (mheeren55@hotmail.com)

    Het komt voor de image.

    Je moet dus <p> </p> plaatsen voor de image. Of de samengestelde
    tag: <p />

    Via media queries in css.

    Bijv.:
    @media screen and (max-width: 700px) {

    #content #filterNav {
    margin-bottom: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 100px;
    padding: 0 !important;
    }

    #filterNav li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    xfloat: left;
    margin: 0 4px 5px 0;
    padding: 1px 0 0;
    }
    }

    Als je dat plakt onderaan je .css file wordt het al iets anders.
    Een menu aanpassen kost vaak wel even. Je kunt me eventueel mailen. (mheeren55@hotmail.com)
    Succes!

15 reacties aan het bekijken - 16 tot 30 (van in totaal 34)