Jump to content

[Resolved] Foundation - background colour in tables?


Recommended Posts

I successfully managed to place a background image for my site (thanks to a previous thread on this!) but now I would like to make the backgrounds on the table(s) containing the document content, the latest products  and the product information to show white.

www.macgillivrays.co.uk is my site.

I have struggled to inspect the site using firefox plugin, but, tbh, it's a total mystery to me.

Any suggestions would be gratefully received.

Margaret

using v6.0.11

Link to comment
Share on other sites

I couldn't find an existing section that would deal with the documents. I'm probably totally wrong, but IF that's the case, it will require creating a class for that and naming the document div with that class. Such a set of code would NOT go in foundation.css, but in cubecart.css.

Remember when making skin changes you need to clear CC cache AND the browser cache to see the results of your change.

Link to comment
Share on other sites

All of the pages (if I recall) are enclosed in a "main_content" block of code.

So, if I understand you correctly, try this.

In cubecart.default.css, add this at the end of the file:

#main_content { background-color: white; }

 

Link to comment
Share on other sites

That changed TOO much on my dirtybutterestates store. I made an attempt to add a class for the documents only, but what I tried did not work.

/*  DOCUMENT BACKGROUND  DOES NOT WORK*/

#document
.document{
  border-style: solid;
  border-width: 1px;   /* BORDER WIDTH MAKES BORDER SHOW, REGARDLESS OF COLOR CHOSEN */
  border-color: #;  /* LIGHT GRAY */
  background-color: #F5F5DC;
  margin-bottom: 1.25rem;
  top padding: 1.25rem;
bottom padding: 0rem;
}

/*  END DOCUMENT BACKGROUND */

With that class added to the div in content.document.php.

 

But of course @bsmither 's code may be exactly what @macgillivray wants.

Link to comment
Share on other sites

Thanks to you both - that accomplished it, I think.

Much appreciated :)

So, for those who might want to do something similar - the Foundation skin cubecart.default.css file now looks like

 

Quote

/* Use this to add specific CSS for this subtheme */

.inner-wrap { background-image: url("../css/images/image.png"); }
#main_content { background-color: white; }

Best

Margaret

Link to comment
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.

Guest
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.

 Share

×
×
  • Create New...