Posted by tobbetobbe on February 24, 2013 at 12:10pm
Jag skulle vilja få bort den 1 pixel tjocka linjen som avskiljer varje rad på den här sidan: http://tobbeslabb.se/galleri
Jag använder D7 och temat Bartik och modulen Media Gallery. Linjen kommer från Bartiks style.css node teaser border bottom. Kan inte ändra den eftersom den styr lite andra node teaser-visningar på sajten.
Comments
Hejsan! Hela dfinitionen ser
Hejsan!
Hela dfinitionen ser ut så här:
html.js > body.html.not-front.not-logged-in.one-sidebar.sidebar-second.page-taxonomy.page-taxonomy-term.page-taxonomy-term-.page-taxonomy-term-1.footer-columns > div#page-wrapper > div#page > div#main-wrapper.clearfix > div#main.clearfix > div#content.column > div.section > div.region.region-content > div#block-system-main.block.block-system > div.content > div.media-gallery-collection.mg-collection-gallery_collections.mg-col.mg-col-5 > div#node-1.node.node-media-gallery.node-teaser.mg-gallery.mg-teaser.clearfix
Så jag skulle prova med
.mg-col .mg-teaser {
border-bottom: 0;
}
eller något sådant.
/Thomas
Tusen tack, det funkade ju
Tusen tack, det funkade ju fint. Jag la till det i mitt subtheme.css. Bra ställe, eller? Försöker lära mig lite saker samtidigt här, så: Hur kan jag få fram definitionen ovan. Med Firebug?
Och hur vet man att man ska använda .mg-col och inte .media-gallery-collection eller .mg-collection-gallery_collections?
Ursäkta om frågorna avslöjar en okunskap av grava mått :)
Hej När du är inne och
Hej
När du är inne och inspekterar elementen med firebug och då befinner dig under HTML så högerklickar du på elementet och väljer sedan "Copy CSS Path". Du kan använder vilken klass du vill men .mg-col är kortare att skriva :)
Det ända som skulle kunna hända är att CSS koden appliceras på andra ställen du inte önskar. T ex ifall det finns andra ställen i din html kod där du har nedanstående struktur.
I detta fall använde jag en
I detta fall använde jag en Firefox plugin som heter "Web developer".
Under CSS / "Display Style Information" klickar man i. Då får man upp upp ett nytt fönster där man de definitioner som finns för det man klickar på. Överst kan man sedan välja att kopiera hela definitionen. En väldigt kortfattat beskrivning men du fattar säkert när du ser hur det ser ut... :)
Du kan använda vilken som helst av definitionerna som finns mellan två par av >, alltså "> definition >" . Det brukar gå bra att räkna ut vilken det är med avseende på namnet. Vissa är generella och andra är speciella för just detta fall.
Om du vill göra det enkelt för sig skall du bara använda en definition mellan varje par av >.
Till slut finns det vissa regler som gäller för att din definition skall användas. Oftast kan man säga att ju fler taggar du använder för att speca din css ju högre prioritet. Dessutom har Id (startar med #) högre prio än klasser (startar med . ).
Det finns en hel del att lära sig om css men när man väl gjort det går det hur enkelt som helst att få till vilken layout som helst!
Slutligen så är det ditt tema som bestämmer var du skall lägga dina definitioner. I min favorit zen är det uppdelat i många olika filer för att få en bra struktur. (I zen kan man även använda sass men det är överkurs... :)
/Thomas