Ondersteuning » Thema en CSS/opmaak » CSS in de documentheader plaatsen

13 reacties aan het bekijken - 1 tot 13 (van in totaal 13)
  • Thread starter SublimeGrey

    (@sublimegrey)

    heb het gevonden ;

    @charset “utf-8”;
    /* CSS Document For Styling the Rich Snippets Data*/
    table #tbl-rich-snippet {
    width:100%;
    }
    tr .tbl-bsf-tr{
    border:1px dotted #ddd;
    }
    td .tbl-bdf-td{
    padding:5px;
    }
    .tbl-img{
    width:170px;
    }
    .tbl-addrs-tr{
    border:0px;
    }
    .rating-value {
    display:none;
    }
    .rating-count {
    font-weight:bold;
    }
    #snippet-box {
    background: #F0F0F0;
    background: linear-gradient(top, #FFF 50%, #E7E7E7 100%);
    background: -o-linear-gradient(top, #FFF 50%, #E7E7E7 100%);
    background: -moz-linear-gradient(top, #FFF 50%, #E7E7E7 100%);
    background: -webkit-linear-gradient(top, #FFF 50%, #E7E7E7 100%);
    background: -ms-linear-gradient(top, #FFF 50%, #E7E7E7 100%);
    border: 1px solid #ACACAC;
    font-family:inherit;
    font-size: 13px;
    padding: 0;
    margin: 0 0 15px 0;
    float: left;
    width: 600px;
    clear: both;
    }
    .snippet-markup {
    float: left;
    clear: both;
    width: 100%;
    }
    .snippet-title {
    font-family:inherit;
    font-size: 14px;
    font-weight: bold;
    background: #D5D2CA;
    background: linear-gradient(top, #D5D2CA 80%, #EBEAE8 100%);
    background: -o-linear-gradient(top, #D5D2CA 80%, #EBEAE8 100%);
    background: -moz-linear-gradient(top, #D5D2CA 80%, #EBEAE8 100%);
    background: -webkit-linear-gradient(top, #D5D2CA 0%, #EBEAE8 100%);
    background: -ms-linear-gradient(top, #D5D2CA 80%, #EBEAE8 100%);
    border-bottom: 1px solid #ACACAC;
    clear: both;
    padding: 0.5em 0 0.5em 1%;
    width: 99%;
    float: left;
    }
    .snippet-label {
    width: 25%;
    float: left;
    clear: both;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    margin: 0 2% 0 0;
    padding: 0.4em 2%;
    }
    .snippet-data {
    width: 65%;
    float: left;
    padding: 0.4em 2%;
    }
    .snippet-data-img {
    width: 56%;
    float: left;
    padding: 0.4em 2%;
    }
    .snippet-image {
    float: left;
    min-height: 190px;
    width: 200px;
    }
    .snippet-image img {
    border: 2px solid #FFF;
    box-shadow: 0px 0px 5px #D5D2CA;
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in;
    margin: 10px auto;
    display: block;
    }
    .snippet-map {
    width: 100%;
    height: 320px;
    border: 1px solid #CCC;
    }
    #snippet-box iframe {
    width: 90%;
    margin: 0 auto;
    display: block;
    }
    .ratings {
    float: right;
    margin-right: 10px;
    }
    .star-blocks {
    background:#FFF;
    }
    #dragContainer {
    top: 65px !important;
    }
    .aio-star
    {
    float: left;
    clear: none;
    color: rgb(255, 217, 13);
    text-shadow: 1px 1px 1px rgb(138, 127, 64);
    letter-spacing: 0.2em;
    }
    .star-rating-control {
    margin-top: 0.3em;
    float: left;
    }
    .star-img img {
    box-shadow: none;
    margin: -2px 2px;
    border: none !important;
    padding: 0 !important;
    }
    .snippet-label-img {
    width: 37%;
    float: left;
    clear: right;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    margin: 0 1% 0 0;
    padding: 0.4em 1%;
    }
    .aio-info {
    width: 400px;
    float: left;
    }
    .snippet-clear { clear:both;}
    /*********************************************************** Media queries **********************************************/
    /* =Responsive Structure
    ———————————————– */
    @media (max-width: 855px)
    {
    #snippet-box {
    width:100%;
    }
    .snippet-title
    {
    width:96%;
    padding: 0.5em 0 0.5em 4%;
    }
    .snippet-image {
    min-height: 50px;
    margin: 0 0 15px 0;
    width: 100%;
    float: left;
    clear:both;
    }
    .aio-info
    {
    width: 100%;
    float:left;
    clear: both;
    }
    }
    @media (max-width: 650px)
    {

    }
    @media (max-width: 480px)
    {
    }
    @media (max-width: 450px)
    {
    }
    @media (max-width: 320px)
    {
    }

    Thread starter SublimeGrey

    (@sublimegrey)

    Maar wat moet ik er precies nu mee?

    Hallo,

    Gelieve in ’t vervolg alles mooi in 1 topic te plaatsen ipv in drie verschillende posts en code tussen code tags.

    U hebt het allesbehalve gevonden 😉 Met de melding die u hierboven noemt wordt er bedoeld dat er style in html-elementen staat. Om een voorbeeld te geven: <div class="grid_10" style="margin-bottom:-8px;margin-top:-5px;margin-right:-5px;float:right;text-align:right;">

    Dit is een lijn die ik uit uw broncode heb gehaald. Deze moet u wegwerken zodat het het volgende wordt: <div class="grid_10">

    Veel succes!

    Thread starter SublimeGrey

    (@sublimegrey)

    ja maar hoe doe ik dat?
    waar? welke broncode? niet in wat ik boven heb geplakt?

    ik heb er helemaal geen verstand van.. hoe doe ik dat?

    Thread starter SublimeGrey

    (@sublimegrey)

    Ik heb in vorige topics gezien dat het hier gaat om een betaald thema. Indien dit ook zo is lijkt het mij geen slecht idee om eerst bij de maker van het thema ten rade te gaan.

    Thread starter SublimeGrey

    (@sublimegrey)

    ik heb voor zijn thema betaald daarin zit support er niet bij. Dat is gewoonlijk. Want deze errors ontstaan doordat je achteraf plugins installeert.

    En Shaun je reageert ieder x op mijn posts maar al je antwoorden zijn vaag en slaan nergens op. ik denk dat je hier maar zit te posten om te kunnen linken naar je eigen site. En als je alles zo goed weet dat je hier probeerd mensen te helpen, Check eerst naar je eigen site op google pagespeed. Schandalig!!

    Ga maar ergens anders backlinken ik ben hier om mijn website te verbeteren. Wil je ophouden met reageren op mijn posts!!

    Thread starter SublimeGrey

    (@sublimegrey)

    kan ik nu serieus van iemand anders hulp verwachten?

    Ik weet niet zeker wat de regels zijn maar volgens mij doen we uberhaupt geen support voor betaalde themas. Tevens moet je wel respect tonen voor de mensen op een forum die je proberen te helpen.

    Zelf begrijp ik niet wat je issue is. Tevens moet je pagespeed niet al te serieus nemen. Dit geeft je advies maar vaak verwacht het teveel aanpassingen die niet altijd goed zijn.

    Thread starter SublimeGrey

    (@sublimegrey)

    Hoezo betaalde themes geen support.. Blijft een WordPress theme?
    marko hij probeerd me niet te helpen. hij doet alsof hij mij helpt.

    is er ook iemand aanwezig die OnTopic kan reageren?

    Ik help je wel! Zoals ik al in voorgaande posts heb gezegt moet je de inline css (google het) wegwerken door de inline css in het css document (style.css) te plaatsen van je thema. Dat style.css bestand weet je alvast staan want dat heb je ook in voorgaande posts volledig gepost. Het probleem is gewoon dat jij het 1. niet begrijpt of niet wil begrijpen 2. dat je wilt dat alles gewoon op een schaaltje wordt gegeven en 3. je met agressieve taal een kant en klaar antwoord verwacht.

    Het toppunt van al is dat “CSS in de documentheader plaatsen” linkt naar https://developers.google.com/speed/docs/best-practices/rendering#PutCSSInHead waar het allemaal mooi is uitgelegd.

    PS: ik kan me herinneren dat ik jou in andere topics succesvol heb geholpen. Denk aan de overlappende tekst. Doe ik dan alsof ik help maar gewoon wat backlinks plaats?

    Moderator Remkus de Vries

    (@defries)

    Sleutelbeheer WordPress NL

    Marko heeft gelijk, we doen hier geen support voor betaalde thema’s. Daarvoor zul je je moeten wenden tot de partij waar je je thema hebt aangeschaft. Ik sluit dan bij deze ook dit topic.

13 reacties aan het bekijken - 1 tot 13 (van in totaal 13)
  • Het onderwerp ‘CSS in de documentheader plaatsen’ is gesloten voor nieuwe reacties.