Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC:

Remove white background behind item fields ? 02 Feb 2014 19:02 #12119

  • Collins
  • Collins's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 22
  • Thank you received: 0
:unsure: I am pretty sure this is a stupid question, but I cant figure out how to change the background color of the item screen. My component is working, user clicks on a list of records (collection) and is sent to a screen where they can edit the record (the item screen). Inside the form (below the "save, delete" etc buttons) are the fields to the user can edit. Behind all those fields is a white background. In firefox I cannot isolate the section to determine what if any CSS is causing this. I want to make it transparent, or just fill it with the background color of my theme.

Please Log in or Create an account to join the conversation.

Remove white background behind item fields ? 02 Feb 2014 19:45 #12120

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Administrator
  • Chef
  • Posts: 3711
  • Thank you received: 986
CSS topic.
It concerns the template you are using...

You can use the developper-tools of Firefox/Chrome to debug it easily.
Coding is now a piece of cake

Please Log in or Create an account to join the conversation.

Remove white background behind item fields ? 02 Feb 2014 22:03 #12121

Sorry if this is old news

1) View the form in CHROME
2) Right click the invisible section you want to check out
3) Left click INSPECT ELEMENT
4) IN the dev window, at the right hand side click the COMPUTED tab
5) Make sure SHOW INHERITIED is ticked
6) Look at items like COLOUR and BACKGROUND colout to see which file / style sheet is giving you issues and generating the wrong colour

Push comes to shove as a temp fix, in your components style sheet just add styling for element you want to alter and add !important; at the end of the style example

background-color : #444 !important;

this will override absolutely any other styling, even any that is rendered later (unless that also has an !important label, which means last loaded will override
Morgan Leecy MCSE

Novell / Linux
PHP. MYSQL, Apache, node.js
Coldfusion, JQuery, HTML5
Joomla

Please Log in or Create an account to join the conversation.

Last edit: by MorganL.
  • Page:
  • 1
Time to create page: 0.270 seconds

Awards for the best Joomla app. This product is gonna win an award for this amazing job. Cook Self Service is the the best application from all over the Joomla universe ! It brings Joomla to a professional level really advanced for developers. It is a real fun to develop with it. The ACL part and security checks implementation are just... so much hours saved. I can now concentrate myself more on the design part and the creative works. Thank you so much. Guys I offer you all my congratulation ! Keep up the works because Joomla is needing it to increase the quality of extensions availables on the JED. I also learned a lot because I can see how to code at the proper place and I found all my answers reading the forum.
lack_hanson (JED)
          

Get Started