Ondersteuning » Thema en CSS/opmaak » background niet tonen

  • Opgelost chocolacaat

    (@roeptoeter)


    Op mijn site (die nog niet te zien is, er draait een launchpad) heb ik de mogelijkheid om zg. bookcovers te laten zien. Een proefversie van de site (via de makers) is hier te zien.

    In wordpress kan ik custom css toevoegen. Ik ben begonnen aan een boek over HTML en CSS (van Andree Hollander) dus de wil is er maar de kennis is er nog lang niet. Ik wil dus in een artikel bij sommige stukjes wel de ‘book cover’ laten zien maar niet in het artikel zelf. Als ik echter de volgende css code in de custom box zet gebeurt er helemaal niets.

    background-image{display: none;}

    ook deze css code wil niet:

    .archive .featured-image { display: none; }

    Zijn er nog meer codes die ik zou kunnen gebruiken???

    Daarnaast vraag ik me af of ik nog meer codes in dezelfde box kan gebruiken of is deze box voor één code en als ik er meer kan gebruiken hoe doe ik dat dan, onder elkaar, achter elkaar. Ja het komt uiteindelijk wel goed met me maar het heeft dus even zijn tijd nodig.

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Leg eens iets beter uit wat je wilt bereiken. Als je op de homepage een artikel aanklikt, kom je op een pagina waar het desbetreffende artikel wordt geshowd bv. http://themeforest.net/item/the-writer-premium-wordpress-blogging-theme/full_screen_preview/5908925 (vanuit het eerste item op home). Daar wil je het een en ander weghebben?
    BTW: leuk theme!

    In die custom-css-box kan je een veelvoud van code kwijt. Bv (ik leen een stukje uit een css-bestand van een van mijn websites)

    /*gallery*/
    
    #top .gallery a, #top .gallery a img{
    border:none;
    max-width: 100%;
    display: block;
    position: relative;
    }
    
    #top .gallery .gallery-item{
    margin:1px 1px 0 0;
    width:80px;
    height:80px;
    padding:0;
    }
    
    #top .gallery-caption{
    display: none;
    }

    Antwoord op je tweede vraag is: je kunt je custom-code eindeloos aanvullen. Iedere selector (class of ID van het element) style je binnen { en }. Zie hierboven. Het is ontzettend goed dat je een goed boek leest: hier zijn de meeste van ons begonnen!

    groet,
    Lianne

    Thread starter chocolacaat

    (@roeptoeter)

    Het eerste item (wat een bookcover heet) brengt je naar een artikel. In het artikel zie je dan de bookcover terug. Nu is het dus mogelijk om wel het bookcover te tonen (zoals in het voorbeeld) maar dat je het uitschakelt in het artikel zelf (dan krijg je een gekleurd vak)

    Nu zijn er dus artikeltjes waar ik niet de bookcover wil tonen en ik heb dus begrepen dat je dat kan aangeven in de css custom box alleen weet ik niet welke code ik dan moet gebruiken omdat beide codes niet werken.

    Ik probeer zo even jouw codes 🙂

    Thread starter chocolacaat

    (@roeptoeter)

    Het is inmiddels gelukt. Ik moet dus { en } gebruiken en daar zat het probleem. Weer wat geleerd. Ik ben nu dus bezig met het boek van Andree Hollander, zijn er nog meer of betere boeken te vinden want ik vind het wel allemaal heel leuk. Heb vroeger mijn site in elkaar geknutseld met HTML4 en nu dus met wordpress maar zo’n theme (het is inderdaad een heel leuk theme 🙂 wil ik dan alsnog wel veranderen en dan komt mijn kennis van HTML niet echt meer van pas.

    Thread starter chocolacaat

    (@roeptoeter)

    Het is inmiddels gelukt. Ik moet dus { en } gebruiken en daar zat het probleem. Weer wat geleerd. Ik ben nu dus bezig met het boek van Andree Hollander, zijn er nog meer of betere boeken te vinden want ik vind het wel allemaal heel leuk. Heb vroeger mijn site in elkaar geknutseld met HTML4 en nu dus met wordpress maar zo’n theme (het is inderdaad een heel leuk theme 🙂 wil ik dan alsnog wel veranderen en dan komt mijn kennis van HTML niet echt meer van pas.

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘background niet tonen’ is gesloten voor nieuwe reacties.