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 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. Link to comment Share on other sites More sharing options...
mikeatencio Posted March 14, 2021 Author Share Posted March 14, 2021 Thanks Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.