Editing css styles
Permalink Browser Info Environment
I followed the documentation and wrapped each element I wanted to style in this content block, however it is not picking up the styles from my theme's style sheet that I added. I am using the Slate theme.
Here is the block:
So far this is what I added to my themes style sheet that is not working:
Not sure what I am to change? Thanks for any help!
Here is the block:
<div id="content" class="col_12"> <div id="ccm-layout-wrapper-1057" class="ccm-layout-wrapper"><div id="ccm-layout-main-63-2" class="ccm-layout ccm-layout-table ccm-layout-name-Main-Layout-2 "><div class="ccm-layout-row ccm-layout-row-1"><div class="ccm-layout-63-col-1 ccm-layout-cell ccm-layout-col ccm-layout-col-1 first" style="width:25%"><div class="ccm-layout-col-spacing"> <div id="blockStyle436MainLayout2Cell1242" class=" ccm-block-styles" > <div class="deliverable"> <h2 class="deliverable">Aloha POS Quick Service</h2> <div class="deliverable-photo"> <img src="/concrete5.1.6.0.2/files/6613/6286/2985/NCR_Aloha_POS-Quick_Service-1.png" width="310" height="323" alt="Quick Service" /> </div> <div class="description"> <p style="text-align: left;">Your restaurant customers depend on you to provide fast, friendly and totally consistent service, time after time. That’s why it’s important to set the stage for success with point-of-sale (POS) technology that delivers onyour brand promise. Count on Aloha Quick Service to help you increase sales, offer exceptional service and maximize control of critical operations.</p> </div> </div> <div class="deliverable_links"> <a href="http://matrix.matrixprovenpos.com/concrete5.1.6.0.2/index.php/cust/">Learn More</a> <a href="/concrete5.1.6.0.2/index.php/download_file/111/149/" class="file-pdf">Download Specifications</a> </div> </div></div></div>
So far this is what I added to my themes style sheet that is not working:
.deliverable { background:#444648; padding:5px; border-left:3px solid #bbb; } .deliverable h2 { color: #444648; }
Not sure what I am to change? Thanks for any help!
| Type: | Discussion |
|---|---|
| Status: | New |
If you're not familiar with the web developer tools that are built into browsers these days (Firebug for FireFox, Web Inspector for Chrome/Safari, F12 Developer Tools for IE), I highly recommend trying that out. You can inspect the element on the page that is having style problems, and it will show you which CSS rules are being applied to it versus which are getting overridden (along with the css file that each rule is in).