Jump to content

How to find the background colour in a css template

Recommended Posts


I purchased a website template and I'm in the process of editing everything. I'm a little stuck on trying to find the colour of the background in the style.css file. Nowhere in the table of contents I can see anything related to the background colour. In the 'General' section I can only access stuff for typography, buttons, inputs, sections and breadcrumb. It's more than 2000 lines of code and checking each background-colour code is going to take ages.

How can I find the relevant section resnponsible for the background colour?


Share this post

Link to post
Share on other sites

Press F12, this will bring web development tools, select elements tab, select inspect to select area containing background, the element tab should highlight the element you selected, along with css pane which should show you css applied, the css file it comes from and the line it is on. It should show the background color used with the colour next to it within tiny box, by clicking that it becomes a colour picker, so as you move your pointer around, adjust colour slider the background colour on website on that element changes to.

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...