Ondersteuning » Thema en CSS/opmaak » post comment is onzichtbaar

  • Opgelost myrthemadame

    (@myrthemadame)


    Hallo allemaal,

    Ik ben dus echt nog een leek op het gebied van CSS. Máár het lukt me best aardig om dingen aan te passen etc.
    Alleen heb ik volgens mij 1 fout ergens gemaakt waardoor bij het comment gedeelte de ‘post comment’ knop niet meer zichtbaar is.

    Ik gebruik het thema Spun. Bij de orginele versie is het wel gewoon zichtbaar. Dus ergens in mijn chid-theme gaat het mis. ik heb nog niet zo gek veel veranderd, dus ik zet ‘m hier even neer. Weet iemand waar mijn fout zit?

    Alvast bedankt, Groetjes Myrthe

    /*
    Theme Name: Spun childish
    Description: nkn
    Author: myrthemadame
    Template: spun

    (optional values you can add: Theme URI, Author URI, Version)
    */

    @import url(“../spun/style.css”);

    .blog .hentry span.hometitle {
    position: absolute;
    top: 73px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 73px;
    width: 100%;
    text-align: left;
    color: #FFFFFF;
    display: table-cell;
    font-family: Baskerville, “Playfair Display”, “Castellar”, serif;
    font-size: 32px;
    font-size: 3.8rem;
    font-style: italic;
    font-weight: bold;
    line-height: 32px;
    overflow: hidden;
    text-align: center;
    transition: background .5s ease-in-out;
    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    -ms-transition: background .5s ease-in-out;
    vertical-align: middle;
    word-wrap: break-word;
    }

    .blog .hentry {
    position: relative;
    }

    .blog .hentry span.hometitle {
    left: -9999em;
    }

    .blog .hentry a:hover span.hometitle {
    left: 0;
    }
    .blog .hentry a { color: #40E0D0; }

    #masthead {
    clear: both;
    display: block;
    min-height: 30px;
    opacity: .9;
    padding: 30px 0;
    position: relative;
    transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    width: 100%;
    }

    #masthead { opacity: initial; }

    #masthead hgroup a {
    transition: opacity .8s ease-in-out;
    -webkit-transition: opacity .8s ease-in-out;
    -moz-transition: opacity .8s ease-in-out;
    -o-transition: opacity .8s ease-in-out;
    }

    #masthead hgroup a,
    .main-navigation a { opacity: .9; }

    #masthead hgroup a:hover,
    .main-navigation a:hover { opacity: .3; }

    #masthead hgroup { width:40%; }

    .main-navigation a,
    .entry-meta a {
    color: #48D1CC ;
    font-family: Baskerville, “Playfair Display”, “Times New Roman”, serif;
    font-size: 32px;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: bold;
    }

    .site-title {
    font-family: Baskerville, “Playfair Display”, “Times New Roman”, serif;
    font-size: 50px;
    font-size: 7.9rem;
    font-style: italic;
    font-weight: bold;
    line-height: 1em;
    margin: 0;
    text-transform: none;
    text-align: left;
    opacity: .9;
    }
    .site-title a {
    color: #FF1493 ;
    }

    #comments {
    background: #fff;
    clear: both;
    display: block;
    padding: 0 50px 50px;
    }

15 reacties aan het bekijken - 1 tot 15 (van in totaal 15)
  • Thread starter myrthemadame

    (@myrthemadame)

    Als ik mezelf uitlog en dus ongeregistreerd een comment achter wil laten, zie ik het wel precies zoals ik het wil.. Super raar!

    Zou je een link kunnen posten zodat we mee kunnen kijken?

    Hoi myrthe, speelt het probleem nog steeds?

    Thread starter myrthemadame

    (@myrthemadame)

    Ja, ik ben mijn site online aan het zetten. Zodat ik het makkelijker kan laten zien. Maar dat schiet niet zo op.

    ok, als je hulp nodig hebt..

    Thread starter myrthemadame

    (@myrthemadame)

    Nou, ik zit een beetje vast in het wp-config.php document.
    Dien ik bij DB_HOST gewoon localhost te laten staan?
    En dien ik dan bij Localhost een database aan te maken met de zelfde gegevens als dat ik van mijn serverhoster heb en daarin het bestand te importeren met de aangepaste URL’s (van http://Localhost/mijnwordpress naar http://mijndomein.nl)?

    Even kijken: je gaat een siet die je op je computer hebt ontwikkeld nu installeren op je domein bij mijndomein.nl?

    Als ik bij mijndomein kijk (http://support.mijndomein.nl/support/articles/51606-wat-zijn-de-login-gegevens-van-een-database-)

    db server (hostnaam) ==> db.[domeinnaam].[extensie]

    dus bijvoorbeeld db.willemwever.com

    Waarschijnlijk heb je dus al een database.

    Vul de rest van de database gegevens in (die je per mail van mijndomein zou moeten hebben ontvangen)

    Kies bij table prefix iets anders dan ‘wp_’

    Thread starter myrthemadame

    (@myrthemadame)

    Ik heb geen idee waar de fout zat. Het is in ieder geval opgelost. Mijn site staat online!

    http://www.myrthesmind.nl
    Het is allemaal nog kaal en zo, maar het post comment gedeelte is alsnog onzichtbaar. Ook het plus teken in het midden onderaan is bijna niet te zien. Hoe kan ik dit donkerder maken? ik vind dat lichtere wel leuk, maar op moment te licht!

    Ik heb gereageerd op http://myrthesmind.nl/?p=15, comment gedeelte is dus zichtbaar.

    Thread starter myrthemadame

    (@myrthemadame)

    Ooohh super! Dan ligt het aan mijn computer haha

    nu nog een klein klein vraagje.
    Als je een post geopend hebt, en je scrollt halverwege naar beneden en je gaat met je muis links of rechts staan dan komen er twee pijltjes te voorschijn om naar de volgende post te gaan. Kan ik deze donkerder maken zodat zze gewoon altijd zichtbaar zijn?

    jazeker, dat kan.

    onderstaande toevoegen aan je style.css

    .site-content #nav-below .nav-previous a, .site-content #image-navigation .nav-previous a {
        opacity: 1;
    }
    
    .site-content #nav-below .nav-next a, .site-content #image-navigation .nav-next a {
        opacity: 1;
    }

    Het is denk ik handig om bijvoorbeeld firebug (een ontwikkel extensie voor firefox) te ontdekken.

    Hiermee kan je in de code van een pagina kijken welke css hoort bij welke html elementen.

    Je moet hiervoor dus wle firefox geinstalleerd hebben: http://getfirebug.com/

    http://getfirebug.com/whatisfirebug

    Thread starter myrthemadame

    (@myrthemadame)

    oooohh super bedankt!!
    Ik ga het gelijk allemaal uitproberen!

    Echt super super super bedankt!
    Mijn site begint eindelijk ergens op te lijken!!!!

    graag gedaan!

    Wil je deze topic op resolved zetten?

    Thread starter myrthemadame

    (@myrthemadame)

    doe ik!

    Als ik naar pagina’s ga, dan is de ingevoerde tekst onzichtbaar geworden. Als ik Control A aanklik zie ik wel tekst staan. Alleen kan ik niet met de cursor naar het deel dat ik wil aanpassen.
    Van de een op de andere dag zijn de letters onzichtbaar geworden. Ik weet niet hoe ik dit kan oplossen. De Webiste is nog wel ‘in de lucht’.

    Wie weet hoe ik dit probleem kan oplossen?
    Groeten, Betsy

15 reacties aan het bekijken - 1 tot 15 (van in totaal 15)
  • Het onderwerp ‘post comment is onzichtbaar’ is gesloten voor nieuwe reacties.