Atechstl Posted May 31, 2015 Share Posted May 31, 2015 I have already added a body color to the background however I would like the content section to have a white background if possible. Any ideas? I tried adding a class ":content" to CSS while adding <span class="content">{$PAGE_CONTENT}</span> to main.php under templates but it didn't work. Also tried applying the class to content.document.php and it too didn't work. Any ideas? Quote Link to comment Share on other sites More sharing options...
Dirty Butter Posted May 31, 2015 Share Posted May 31, 2015 If I understand what you want correctly, you need to look at the /* Panels */ section of foundation.css. Please remember that any edits you make to foundation.css will be lost on upgrade. You should either put your edits in cubecart.css, or if edits are extensive, you might want to rename foundation, change the config file accordingly, and then your edits will not be lost on upgrade. That's what I did. Quote Link to comment Share on other sites More sharing options...
bsmither Posted May 31, 2015 Share Posted May 31, 2015 "I tried adding a class ":content" to CSS while adding <span class="content">{$PAGE_CONTENT}</span> to main.php."I see a colon in front of the selector. I suggest a period:/* Class selectors have a period prefix */ .content { background-color: #ABC; /* or whatever */ } Quote Link to comment Share on other sites More sharing options...
Atechstl Posted May 31, 2015 Author Share Posted May 31, 2015 Oops, there isn't a colon in the coding. I mistakenly input that in the post. Here is what I have and it isn't working. main.php <div class="small-12 large-9 columns small-collapse"> {include file='templates/box.errors.php'} {include file='templates/box.progress.php'} <span class="content">{$PAGE_CONTENT}</span></div> cubecart-default.css.content { background-color: #FFF;} Quote Link to comment Share on other sites More sharing options...
bsmither Posted June 1, 2015 Share Posted June 1, 2015 I cannot find a reason why span is not affective. Try a div tag. Quote Link to comment Share on other sites More sharing options...
Atechstl Posted June 1, 2015 Author Share Posted June 1, 2015 I cannot find a reason why span is not affective. Try a div tag.Wow! I am shocked but the DIV worked over the span. Now to work on some margins and I should be about done with the template. Quote Link to comment Share on other sites More sharing options...
bsmither Posted June 1, 2015 Share Posted June 1, 2015 WooHoo!!! Quote Link to comment Share on other sites More sharing options...
harrisorganic Posted June 7, 2015 Share Posted June 7, 2015 I am looking at some margins too. On a PC the foundation home page looks OK, but on a mobile there is no margin. The justified text is from left to right, with no padding.Most of the other main text on other pages is like this too. Any suggestions how to change in default cubecart.default.css please?I found the following using chrome developer tools<div class="small-12 columns"> text here</div> and div.small-12.column<div id="content_homepage"> text here</div> regards Duncan 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.