mikeatencio Posted March 14, 2021 Share Posted March 14, 2021 How do I change the color, and text color of Foundation? I've hunted until I can't see anymore and can't find the correct css file. Can I just add the changes to the main page with built in css? And if so, what page and where is it located? Thanks Quote Link to comment Share on other sites More sharing options...
bsmither Posted March 14, 2021 Share Posted March 14, 2021 We recommend that you use your browser's Developer Tools to find the CSS rules that are applied to the thing you want to change. Then, there is a file named cubecart.default.css where you can add other rules that apply to the same things. Because cubecart.default.css comes after foundation.css, your new rules will overrule those from foundation. For example, (using Firefox) when viewing the main frontpage, right-click on the plain text that that is just above "Latest Products". Choose Inspect Element. The Developer Tools will open and the CSS Rules list will show the rules that apply to all <p> tags. Note however, nothing is mentioned about text color. For text color, we scan down the list to find what rule the <p> is getting the color from. We see it is a rule applied to the <body> tag. Therefore, in cubecart.default.css, you can add your own rule: body {color: #000000; } Inspecting Element for the background reveals there is no background-color specified. You can create your own rule for that. Quote Link to comment Share on other sites More sharing options...
mikeatencio Posted March 14, 2021 Author Share Posted March 14, 2021 Thanks Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.