Loading...

Top
PFQ Banner

This is PokéFarm Q, a free online Pokémon collectables game.

Already a user? New to PFQ?

Accordion box color

Forum Index > Core > Help >

Hello all! I've started up a Shop and have made my own Background and theme for part of a showcase for my art shop. I want to change the colors in the Accordion Boxes so it better matches the colors I use. I've looked in so many different places to try to find the CSS and/or BBC code for this but cant find anything or what is there doesn't make sense. .panel>div {color:#885FAF} is the code I saw from Niet, but I tried and it never worked If anyone knows the code or can explain how to It will be greatly apreciated. ^~^
  • Shops
  • Type Race
  • Pokemon
  • Other links
Type Race Score: 0
contents 3
-Made by FennekOoba
KishanHaru's AvatarKishanHaru
KishanHaru's Avatar

Code

.panel { //this changes the style and color of the border around the outside of the a-section border: 1px solid #COLOUR; &>h3 { // This area alters the text at the top of the accordion, the clickable part. This is the title of each section. &>a {color: #COLOUR; } background: #COLOUR; text-align: Center; border: 1px solid #COLOUR; } //this changes the text within the accordion sections. The Content of the sections. &>div { color: #COLOUR; background: #COLOUR; text-align: center; } }
Each section is labeled to describe what it is. This will change all hide/display/accordion boxes =]
SCA ♪ 🌸 Wiki Help 🌸 SpecialsPM MeMy Shoppe~ Current Hunt: Snom
B> Lunar Wings for 45 ZC ea.
So. I have this, and its still not working. Can you see anything im doing wrong? I took the first part for my heading and background, can I not use the two together? What should I do? For the edit I put them under one CSS code, and it still doesn't work Edit: [ img]https://pokefarm.com/upload/Acer-of-spades/Heading_pt2.png[ /img][ css=background:url(https://pokefarm.com/upload/Acer-of-spades/Fixed_middle_shop.png); background-repeat:repeat-y; background-size:100%; padding: 0px 0px 0px 0px; color:#885FAF; .panel {&>a {color: #885FAF; background: #000000; background: #000000; text-align: Center;text-align: Center; border: 1px solid #000000;border: 1px solid #000000; &>div color; #885FAF;background: #000000; text-align: center } } ]
Vaporeon26's AvatarVaporeon26
Vaporeon26's Avatar
Have you cleared your cashe / browser history
Currency conversion calculator Journal (all art is listed under creator's name)
Signature by CatEnergetic, with help from Wardove. Official Pokemon Art
KishanHaru's AvatarKishanHaru
KishanHaru's Avatar

Test

[style] .panel { border: 1px solid white; &>h3 { &>a {color: #885FAF; } color: #885FAF; background: #000000; text-align: Center; border: 1px solid white; } &>div { color: #885FAF; background: #000000; text-align: center; } } [/style] [img]https://pokefarm.com/upload/Acer-of-spades/Heading_pt2.png[/img][css=background:url(https://pokefarm.com/upload/Acer-of-spades/Fixed_middle_shop.png); background-repeat:repeat-y; background-size:100%; padding: 0px 0px 0px 0px; color:#885FAF;][hide=Test]Words[/hide][/css]
You have to put the whole code, first of all lol. A lot of the code I posted was removed, so it wouldn't work. Also, things like panel have to be placed inside style code. This code works now :]
Oh jeze. Thank you very much for this ^~^; I some what get the BBC codes decently but whenending it comes to CSS my brain just goes flat. Thank you again for this!!!!

Cannot post: Please log in to post

© PokéFarm 2009-2020 (Full details)Contact | Rules | Privacy | WikiGet shortlink for this page